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

    Join Date
    Dec 2003
    Location
    Anaheim CA
    Posts
    31
    Rep Power
    11

    Internet Explorer & css/div problem.


    Hello everyone, I am currently having problems converting my tabular layout into a css/div layout. Currently I've tested it on firebird and internet explorer. It works fine in firebird, although in IE it creates a space between the top buttons, and the img header. If anyone could help me solve why this is so, I'd be very gratefull!

    PHP Code:
    body
    {
            
    margin0;
            
    padding0;
            
    margin-top0px;
            
    margin-left0px;
            
    background#FFF;
    }

    #nav
    {
            
    width100%;
            
    height33px;
            
    background-imageurl('../images/main_06.jpg');
            
    background-repeatrepeat-x;
    }

    #header
    {
            
    width100%;
            
    height163px;
            
    background-imageurl('../images/main_09.jpg');
            
    background-repeatrepeat-x;

    PHP Code:
    <html>
    <
    head>
            <
    title>myImgSrc.com Your online source for image hosting!</title>
            <
    link href='include/layout.css' rel='stylesheet' type='text/css'>
            <
    script language='JavaScript' type='text/javascript' src='include/myImgSrc.js'></script>
    </head>

    <body>
    <div id='nav'>
    <a href=''><img name='img1' border='0' width='108' height='33' src='images/main_01.jpg'></a><a href=''><img name='img2' border='0' width='105' height='33' src='images/main_02.jpg'></a><a href=''><img name='img3' border='0' width='105' height='33' src='images/main_03.jpg'></a><a href=''><img name='img4' border='0' width='105' height='33' src='images/main_04.jpg'></a><a href=''><img name='img5' border='0' width='104' height='33' src='images/main_05.jpg'></a>
    </div>
    <div id='header'>
            <a href=''><img width='423' height='163' border='0' src='images/main_08.jpg'></a>
    </div>

    <div>

    <div style="float: left">
    test
    </div>
    <div style="float: left">
    testd
    </div>

    <div style="float: right">
    test
    </div>

    </div>
    </body>
    </html> 
    Also I'm not sure if it's against the form rules to link someone to a visual offsite of these forums? As I couldn't find any rules, if someone could point me toward the rules section, I'd appreciate it as well!
    #!/bin/sh
    cat /dev/urandom
  2. #2
  3. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,180
    Rep Power
    2039
    Try putting border-top:0px and border-bottom:0px in the #nav and #header style tags...
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Anaheim CA
    Posts
    31
    Rep Power
    11
    No cigar .
  6. #4
  7. Cunning Linguist
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2003
    Location
    I used to live at home, now I stay at the house
    Posts
    10,180
    Rep Power
    2039
    Try...
    Code:
    #nav
    {
       width:100%;
       background-image: url('../images/main_06.jpg');
       background-repeat: repeat-x;
       padding:0px 0px 0px 0px;
    }
    
    #header
    {
       width:100%;
       background-image: url('../images/main_09.jpg');
       background-repeat: repeat-x;
       padding:0px 0px 0px 0px;
    }
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2003
    Location
    Anaheim CA
    Posts
    31
    Rep Power
    11
    I got it fixed, it was the IE whitespace bug .

    Thanks for your help!

IMN logo majestic logo threadwatch logo seochat tools logo