SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Aug 2004
    Location
    New Orleans
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE Smaller Text Size

    Hi,
    I ran across a strange problem with a layout I am working on and could not find any other posts to help me out. When I view my page in IE 6 and change the text size of the browser to "smaller", all of the text in the left and right columns gets pushed down alomst off of the screen. Any suggestions?

    http://www.wakeboarder.com/nindex2.phtml

  2. #2
    SitePoint Addict trinity0159's Avatar
    Join Date
    Jul 2002
    Location
    California
    Posts
    239
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to create a class for the text and set a specific font size.

  3. #3
    SitePoint Member dikspence's Avatar
    Join Date
    Jun 2003
    Location
    Edmonton, Alberta, Canada
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    The problem that you are having is that the content in the left and right columns is to wide for the containing block. This can be fixed by increasing the size of the left and right columns from 13ems to 15ems.

    Code:
    #outerColumnContainer
    {
    	border-left: solid 15em #fff;
    	border-right: solid 15em #fff;
    }
    
    ...
    
    #leftColumn
    {
    	float: left;
    	margin: 0 1px 0 -15em;
    	width: 15em;
    	z-index: 4;
    }
    #rightColumn
    {
    	float: right;
    	width: 15em;
    	margin: 0 -15em 0 1px;
    	z-index: 2;
    }
    Hope this helps.
    Running Man Design - "It pays to run with us."


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
  •