SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Apr 2006
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Containing Div expanding with text size

    Hi,
    Has anyone got a solution to the layout problem in IE whereby the containing div expands as you increase the size of the text in the browser? Due to this, my layout is breaking apart.
    Have a three column layout with the left div floated left (containing the content which is being resized), then a container div floated right which contains two further divs - one floated left (content) and another floated right (the third column).
    Also, the text in the left div (actually an unordered list for navigation) is also dropping onto the second line as the text increases too. Anyone know of the way to prevent this happening?
    Best regards,
    Daisy

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Would need to see your code or a link.

  3. #3
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    overflow: hidden; applied to the columns (only for IE) does the trick for me. Ideally, you should be making your columns wide enough to work with resized text.

    Your wrapping problem can be solved with:
    Code:
    #mynav li a {
      white-space: nowrap;
    }


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
  •