473,408 Members | 2,839 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,408 software developers and data experts.

css v inner tables for purely dynamic content

Hi
I'm working with a web site where 99% of the content is dynamic
and words can be of any size, e.g. thiswouldbeavalidword.
At the moment everything is done using inner tables, I want
to move to a css type design.
My issue is that I can't really use absolute positioning
because, as I say, the words can be of any size, and I have no
way of knowing how big the content is going to be. Plus I'd
just like to avoid it anyway.
I've used floats in the past but what I want is to say:
I have 3 columns and I don't want the content to wrap, e.g.

[column1]
some big text that I don't want to wrap
[column2]
some more big text that I don't want to wrap.
[column3]
probably same again

I've always seemed to end up with the text wrapping, how do I avoid
this
NB if the browser window shrinks in size it shouldn't wrap either.

Targetting this at IE5+, but a general answer would be good
NB this is easy with inner tables which is why I'm using them
but css solutions are nicer/cleaner/smaller/etc

Ta
F

Jul 21 '05 #1
1 2437
Hi
Ok, worked out how to stop the text/content wrapping
(white-space: nowrap; and place text in a div)
Next question. If you place the contents below into a file
and view it you'll see the column on the left isn't the full height
of the container, how can I make it so? height: 100% doesn't
do the job.
Also for what I want to do is there any advantage in using
floats over using "display: inline", which I find conceptually
simpler. All my 'boxes' will be aligned in some way

Ta
F

(determined to get this working this time :-))
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Title is Required</title>
<style type="text/css" media="all">
#topLeft,#topRest
{
display: inline;
white-space: nowrap;
}

#container
{
white-space: nowrap;
}

#top
{
border: solid 1 black;
}

#topLeft
{
width: 30%;
height: 100%;
}

#topLeftInside
{
background-color: #ffaaaa;
width: 100%;
}

#topRest
{
width: 70%;
}

#topRestTop
{
background-color: #aaffaa;
width: 100%
}

#topRestMiddle
{
background-color: #aaaaff;
width: 100%
}

#topRestBottom
{
background-color: #ff8888;
width: 100%
}
</style>
</head>

<body>

<div id=container>
<div id=top>
<div id=topLeft>
<div id=topLeftInside></div>
</div>
<div id=topRest>
<div id=topRestTop></div>
<div id=topRestMiddle></div>
<div id=topRestBottom></div>
</div>
</div>
</div>

</body>
</html>

Jul 21 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: B. Fongo | last post by:
------=_NextPart_000_0007_01C36311.DEE8D2E0 Content-Type: text/plain; charset="us-ascii" Content-Transfer-Encoding: 7bit Hello! I ' m trying to extra some information from 2 tables using...
0
by: B. Fongo | last post by:
------=_NextPart_000_0011_01C36322.2FEF5DC0 Content-Type: text/plain; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable It works!=20 SELECT Customers.Name, Customers.City,...
44
by: Mariusz Jedrzejewski | last post by:
Hi, I'll be very grateful if somebody can explain me why my Opera 7.23 (runing under linux) doesn't show me inner tables. Using below code I can see only "inner table 1". There is no problem with...
5
by: Ben Jessel | last post by:
I am in the process of converting my site to using XHTML and CSS. A lot of my sites include tables of data, which are highlighted using javascript rollovers. I have converted my a lot of my...
81
by: sinister | last post by:
I wanted to spiff up my overly spartan homepage, and started using some CSS templates I found on a couple of weblogs. It looks fine in my browser (IE 6.0), but it doesn't print right. I tested...
53
by: Alan Silver | last post by:
Hello, I understand the issue that tables should be used for tabular data and not for layout, but I would like some clarification as to exactly what constitutes tabular data. For example, if...
59
by: phil-news-nospam | last post by:
In followups by Brian O'Connor (ironcorona) to other posts, he repeats the idea that using tables in CSS is not something that should be done because IE doesn't support it. Of course I'm not happy...
52
by: MP | last post by:
Hi trying to begin to learn database using vb6, ado/adox, mdb format, sql (not using access...just mdb format via ado) i need to group the values of multiple fields - get their possible...
9
by: Cogito | last post by:
My program builds several tables using inner HTML. All the tables are displayed only when the program terminates. How can I make it display one table at a time and then wait for a click before...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.