IE6browser not displaying a site correctly

CesarePlay · Post by **CesarePlay** » 09 Sep 2008, 10:35

I made a site yesterday that works in Opera, firefox, chrome and IE7. It looks like how I want it however IE6 is giving me big problems. The first problem is there are line gaps apparing after the main headings and the second is the the whole footer does not display correctly at all. Can anyone hep with this.

The code is:

The header part:

<body>
<div align = "center">
<div id = "newtop">
<img src="images/top.jpg" alt="side of header" height="48" width="950">
</div>
<div id="mainheader">
<img src="images/sideheader.jpg" alt="side of header" height="165" width="124"><img src="images/spin-globe.gif" alt="spinning globe" height="165" width="165"><object type="application/x-shockwave-flash" data="images/bvp.swf" width="661" height="165">
<param name="movie" value="images/bvp.swf">
<img src="Images/noflash.gif" alt="Alternate Image">
</object>
</div>
</div>
</body>

The footer code is here:

<div id = "contentbottom">
<p>
<br>
<br>
<p class = "link"> <a href="http://www.cesare.co.za">Designed by Cesare de Villiers</a>
</p>
</div>

CesarePlay · Post by **CesarePlay** » 09 Sep 2008, 10:38

The css is:

#mainheader { width: 950px;
height: 48px;
}

#bottomheader {height: 93px;
width: 950px;
}

#header {width: 950px;
}

#side { float: left;
width: 128px;
height: 172px;
}

#globe {float: left;
height: 172px;
width: 172px;
}

body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: black;
font: small Arial, Helvetica, Verdana, sans-serif;
}

Can anyone help?

CesarePlay · Post by **CesarePlay** » 09 Sep 2008, 12:30

I fixed most of the IE6 problems but still got gaps between images. I really need help to fix this gap that is appearing.

Post by **maxxis** » 09 Sep 2008, 13:13

There is no such thing as float:center;

Float can only be left right and none and inherit.

http://anthonyshort.com.au/blog/comment ... everytime/

Look at that.

CesarePlay · Post by **CesarePlay** » 09 Sep 2008, 13:20

Hi. I sorted it out. I made a mistake with the body style.

I have corrected the float: center and totally removed these lines:

#newtop {width: 950px;
height: 48px;
float: center;
}

To solve my gap issue I had put font-size: 0px under the body {} style and bingo the site displayed like it should. I also had to set te footer image to float to the right and make minor adjstemnts to the contact page and to sort out the menu I gave width of 75% which then worked perfectly

Post by **Anthro** » 15 Sep 2008, 19:53

No offense, but is the reason for updated browsers not better compatibility ?
rather than trying to match up the imperfect (changing your coding) to be backwards compatible - rather update to the latest there is ?
basically like trying to get a stiffy drive to work in vista - kinda pointless aint it ?

CesarePlay · Post by **CesarePlay** » 15 Sep 2008, 20:08

Yes but many people still use IE6 so I have to make sure the site appears the same to them as well.

I have always made sure that it works in all browsers so my code can be validated. If you don't make sure it works with older browsers you will fail the validation. That is what I learnt when validating the sites I have made in the past.

PCFormat Forum Archive

IE6browser not displaying a site correctly

IE6browser not displaying a site correctly

Re: IE6browser not displaying a site correctly

Re: IE6browser not displaying a site correctly

Re: IE6browser not displaying a site correctly

Re: IE6browser not displaying a site correctly

Re: IE6browser not displaying a site correctly

Re: IE6browser not displaying a site correctly