back to basics on divisions

back to basics on divisions

am 13.04.2008 19:08:01 von Richard

Why do I continously have this problem every time I work with
divisions?

Seems like it anyway.
What I want is simple. I've done it before and every blasted time I
keep running into these problems.

Think of a simple table layout witn two rows.
The second and subsequent row(s) has two cells.

So I lay it out with a containing division as the "table".
Row 1, cell 1, is the "title" or header.
In a table this would get a colspan of 2.

Row 2 therefor has 2 cells. So in divisions, they should be floated
right?
Well when I put the floats in, the second row cells refuse to be
contained within the "table".

What's the trick to contain the data within the cells as I want them?
I just can't seem to figure it out again.



Title

Text

Data



A site that shows me what I want to do would be better for me to look
at. Trying to find one through google is a frickin joke.

Re: back to basics on divisions

am 13.04.2008 19:31:48 von a.nony.mous

richard wrote:

> Why do I continously have this problem every time I work with
> divisions?

I can answer that...

> Think of a simple table layout witn two rows.

So why don't you just use a table?

--
-bts
-Friends don't let friends drive Vista

Re: back to basics on divisions

am 13.04.2008 20:30:53 von lws4art

richard wrote:
> Why do I continously have this problem every time I work with
> divisions?



> What's the trick to contain the data within the cells as I want them?
> I just can't seem to figure it out again.
>
>
>


>
Title

>
Text

>
Data

>

>
> A site that shows me what I want to do would be better for me to look
> at. Trying to find one through google is a frickin joke.

Because you fail to understand that by default floats are not supposed
to be contained within their "container" parent block, see example when
an image is set to display as block and floated withing a paragraph...


http://www.w3.org/TR/CSS21/visuren.html#img-float2p
Visual formatting model

If you a "atable" to contain your floats you either have to add a
clearing element after your floats within "atable" or change overflow
property of "atable" to auto or hidden...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: back to basics on divisions

am 14.04.2008 00:23:14 von dorayme

In article ,
richard wrote:

> What's the trick to contain the data within the cells as I want them?
> I just can't seem to figure it out again.
>
>
>


>
Title

>
Text

>
Data

>

>
> A site that shows me what I want to do would be better for me to look
> at. Trying to find one through google is a frickin joke.

Fancy this sort of thing at all:

"http://www.w3.org/TR/html4/strict.dtd">


Menu





Title

Text

Data





?

--
dorayme

Re: back to basics on divisions

am 14.04.2008 04:17:43 von Richard

On Mon, 14 Apr 2008 08:23:14 +1000, dorayme
wrote:

>In article ,
> richard wrote:
>
>> What's the trick to contain the data within the cells as I want them?
>> I just can't seem to figure it out again.
>>
>>
>>


>>
Title

>>
Text

>>
Data

>>

>>
>> A site that shows me what I want to do would be better for me to look
>> at. Trying to find one through google is a frickin joke.
>
>Fancy this sort of thing at all:

Precisely what is so confusing to me as to why MY version was not
working. I figure it has something to do as to when the float is
placed in the css. If you place it at the end of the list, nothing
seems to work right. So I'll try to remember to put float first.

Thanks.













>
> > "http://www.w3.org/TR/html4/strict.dtd">
>
>
>Menu
>
>
>
>
>

>
Title

>
Text

>
Data

>

>
>
>
>?