SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Oct 2006
    Posts
    185
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    content drops down under IE

    hello, i need help please. my content drops down under IE6 and opera9 too.
    i think its something to do with min-width setting not so sure though as i tried but no changes. can anybody help please!
    here is the link of my site.
    here is the css bit concerned.
    Code:
    /* CSS Document */
    
          * { margin:0; padding:0; }
       BODY { background-color:#FFF;
              /*font-family:georgia, arial, tahoma, verdana;*/
    	  font-size:14px; }
    	  a { color:#000;
    		text-decoration:none; }
    	  h1{padding:160px 40px 0 30px}	
    a:hover { text-decoration:underline; }
    #header {height: 200px;
    		border-bottom: 1px solid #FFF;
    		background : #7C7C7C  url(../images/Aheader.jpg)  no-repeat;
    		padding:0;
    		color:#D8CDC0 }
    #navigation{
    		height: 57px;
    		border-bottom: 1px solid #FFF;
    		background: #C0C0C0;
    		/*text-align: center;*/
    		padding-bottom:0; }
    #right { float:right;
    		width:235px; /*200px*/
    		padding:0 ;
    		background-color:#dbdbdb /*#fbf9f4*/; }
    #left { float:right;
    		width:235px; /*200px*/
    		padding:0 ;
    		background-color:#63543d;
    		color:#FFF; }
    #center { 
    		margin-right:360px; /*430px*/
    		/*margin-left:215px;*/
    		padding:0px 10px 0 15px;
    		background: transparent; }
    #footer { clear: both;
    		height: 50px;
    		background: #7C7C7C/*#fbf9f4*/;
    		color:#FFF;
    		font-size:12px;
    		text-align: right;
    		border-top:1px solid #FFF;
    		padding:15px 20px 0 15px; }
    any help would be appreciated.
    many thanks.
    Last edited by moisea; Nov 8, 2007 at 18:11.

  2. #2
    SitePoint Zealot
    Join Date
    Oct 2006
    Posts
    185
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    any ideas? need help here please.

  3. #3
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First off, the right margin on #center is not big enough to clear the combined widths of #left and #right. Secondly, some of the content within #center has an explicit width which is too wide to fit - FF will just allow that content to spill outside of #center, causing an overlap, whilst IE will expand #center to fit the content, which then does not have enough room so it drops below. If the screen is wider, then it fits. Recommend doing some maths to determine the minimum widths required and restrict the body to that width.


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
  •