SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    problems with 3 col layout and header

    Hi everyone,
    I have an issue with this layout: http://xrl.us/bh8g8

    When increase the text size using Ctrl+ in FF and Safari (probably others as well) the 'main' DIV will eventually disappear altogether. I can't work out why.

    Also, while the left and right columns move down when the header element increase in height, the main column stays put. I wish it all moved down.

    The main structure of the layout is generated by the CMS I'm using. I wonder what I'd need to change...

    These 2 things might be related i guess.

    That's the site:
    http://xrl.us/bh8g8

    The relevant CSS files live here:
    http://xrl.us/bh8hn
    http://xrl.us/bh8hx

    Aditionally,in the header is this:
    Code:
    #header { height:110px; }
    #left { width:185px; }
    #right { width:185px; }
    #main {  margin-left:185px; margin-right:185px; }
    Thanks for any help here.

  2. #2
    SitePoint Zealot
    Join Date
    Apr 2007
    Location
    New London, CT
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try sizing your elements with em instead of px.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •