HighDots Forums  

Layout using 3 div's

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Layout using 3 div's in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
shapper
 
Posts: n/a

Default Layout using 3 div's - 12-22-2006 , 06:04 PM






Hello,

I want need to do the following:

div_01

div_02 div_03 div_04

div_05

Do I need to place div_02, div_03 and div_04 inside a div container?

Thanks,
Miguel


Reply With Quote
  #2  
Old   
John Hosking
 
Posts: n/a

Default Re: Layout using 3 div's - 12-22-2006 , 06:12 PM






shapper wrote:
Quote:
Hello,
Hola,

Quote:
I want need to do the following:
Can't decide? ;-)

Quote:
div_01

div_02 div_03 div_04

div_05

Do I need to place div_02, div_03 and div_04 inside a div container?
No. Just:

#div_02 { float:left;}
#div_03 { float:left;}
#div_04 { float:left;}

--
John


Reply With Quote
  #3  
Old   
dorayme
 
Posts: n/a

Default Re: Layout using 3 div's - 12-22-2006 , 07:24 PM



In article <458c6ac5$1_4 (AT) news (DOT) bluewin.ch>,
John Hosking <John (AT) DELETE (DOT) Hosking.name.MUNGED> wrote:

Quote:
shapper wrote:
Hello,

Hola,

I want need to do the following:

Can't decide? ;-)


div_01

div_02 div_03 div_04

div_05

Do I need to place div_02, div_03 and div_04 inside a div container?

No. Just:

#div_02 { float:left;}
#div_03 { float:left;}
#div_04 { float:left;}
Basically yes! But I doubt OP would be happy with result under
different popular browsers and screen conditions. He wants a
header and a footer and no messing about with the 3 cols, no
float drops. At a guess. So container, yes, it can help in this
and dim all the inner divs to for sure fit inside


or

#div_02 { float:left; ...}
#div_03
#div_04 { float:right; ...}

with suitable margins for the central (perhaps content) col and
widths for the left and right. Here a container might be
redundant.

--
dorayme


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.