Forum Moderators: not2easy

Message Too Old, No Replies

CSS Table?

How...?

         

ahmedtheking

10:41 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How can i make a CSS layer minic a table? I found this [w3.org...] but it totally through me (as does most of w3's stuff!). Anyone have a clue?

benihana

10:49 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



are you using tabular data? if so just use a table....

ahmedtheking

11:00 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



All i want is a div layer to behave like a table:

I need to display two items parellel to each to each other (like a table, 1 row, 2 columns!)

benihana

11:09 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



ahh.

you could use an outer 'wrapper' div and then two internal divs with one floated right and widths set.

ahmedtheking

11:22 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



ohh, I shall have to try that! can one of the widths be defined (225px) and the other be auto?

benihana

11:26 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



yep you should be able to do that. its just a case of giving it a try.

remember, according to the spec's, anything floated should have an explicit width set. In my experience, it doesnt seem to make any difference, though others maybe able to tell you differently.

good luck!

ahmedtheking

11:35 am on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Ok thanks! Ill tell you how it went!

ahmedtheking

7:07 pm on Jan 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



well it kinda worked, but a float makes the layer 'float' and now all my relative heights have gone wrong! :( look at :

<No site specifics, thanks. See TOS #13 [WebmasterWorld.com]>

[edited by: SuzyUK at 7:03 pm (utc) on Jan. 13, 2005]

ahmedtheking

12:34 am on Jan 13, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Oh it worked! The float thing didnt, but i bit my tongue and read the w3c article and i made it happen!