#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2001
    Location
    Toronto
    Posts
    16
    Rep Power
    0

    css layout problem


    I have a css layout that I did here and I have done similar stuff before but for some reason IE6 but NOT Netscape7/mozilla1.4 adds a 'gap' between the columns, I have already tried setting padding and spacing to zero in the stylesheet but nothing changes, it still doesn't look right in IE6
    Any ideas? thanx
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2000
    Posts
    41
    Rep Power
    15
    post code, stylesheet and html -- be easier than offering blind suggestions
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2001
    Location
    Toronto
    Posts
    16
    Rep Power
    0
    Sorry thought an uploaded version would be quicker to check so I put the link. Here is the code

    Code:
    <html>
     <head>
     <style type="text/css">
     <!--
     .header {
           background-color:#ffd700;
           height:75px;
           border-bottom:1px solid #000000;
           border-top:1px solid #000000;
           border-right:1px solid #000000;
     }
     .topnav {
           background-color:#003366;
           font-family:times new roman, sans-serif;
           border-bottom:1px solid #000000;
           border-right:1px solid #000000;
     }
     .leftnav {
           width:150px;
           height:525px;
           font-family:Times new roman;
           background-color:#ff0000;
           float:left;
           color:#ffffff;
           border-left:1px solid #000000;
           border-top:1px solid #000000;
           border-right:1px solid #000000;
           border-bottom:1px solid #000000;
          
     }
     .rightnav {
           width:150px;
           height:450px;
           background-color:#32cd32;
           border-bottom:1px solid #000000;
           border-right:1px solid #000000;
           border-left:1px solid #000000;
           float:right;
          
     }
     .body {
           height:450px;
           font-family:times new roman;
           background-color:#daa520;
           border-bottom:1px solid #000000;
        
     }
     .footer {
           background-color:#008000;
           font-family:times new roman;
           clear:both;
           color:#ffffff;
           border-bottom:1px solid #000000;
           border-right:1px solid #000000;
           border-left:1px solid #000000;
    
     }
     -->
     </style>
     </head>
     <body rightmargin="0" leftmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">
     <div class="leftnav">Leftnav</div>
     <div class="header">Header</div>
     <div class="rightnav">Rightnav</div>
    
     <div class="body">Body</div>
     <div class="footer">Footer</div>
     </body>
     </html>
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2000
    Posts
    41
    Rep Power
    15
    Originally posted by rezag
    Sorry thought an uploaded version would be quicker to check so I put the link.
    ah, sorry, didnt realize css was in the html file, heh

    looks like the problem is your float tags -- not sure how to fix it tho
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2000
    Posts
    41
    Rep Power
    15
    was checking it with ie6... when checking it with netscape7, it works fine...
  10. #6
  11. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    couldn't solve your prob,

    but instead of using
    <body rightmargin="0" leftmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">

    it would be better to put it in the css

    body {
    margin:0;
    padding:0;
    }

IMN logo majestic logo threadwatch logo seochat tools logo