Previous Message
Next Message

Having the hardest time with a simple layout.

Sent by Zoe M. Gillenwater on 16 August 2004 15:03


matt mikulla wrote:

>I'm shooting for a 2 column layout like http://www.alistapart.com ,
>http://www.simplebits.com , or http://www.artificialmemory.com.
>
>The layout:
>
>1: container or wrapper div set to margin: 0px auto; so it centers.
>    2: header div with h1 text to the left and logo to the right.
>    3: global horizontal navigation going across.
>    4: sub horizontal navigation going across.
>    5: content div used to hold 2 main divs that contain main content and
>sidebar.
>        6: main content left.
>        7: sidebar content right.
>    8: footer
>
>The problems in mac ie 5.2:
>    
>Sidebar content is below the bottom of the main column content.
>  
>

This is probably the clear inheritance bug.
http://www.l-c-n.com/IE5tests/float2misc/#fm002

>Global navigation is not butting up to the bottom of the header.
>  
>

Can't say without seeing the page.

>I'm new to css so I'm having a hard time understanding floats right and
>left, and using clears.
>  
>

Recommended reading:
http://www.complexspiral.com/publications/containing-floats/
http://www.positioniseverything.net/articles/float-theory.html
http://css.maxdesign.com.au/floatutorial/

>Also, what is the best way to post my design and the css so you all can view
>it?
>  
>

Just upload and send us a link.

>Another question: What div should I place a faux colum repeat y graphic? The
>body, the wrapper, or content holder?
>  
>

Whichever div holds both your sidebar and main content divs.

Zoe

--
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: