View Full Version : IE problem with CSS

12-24-2003, 03:27 AM
I've just started blocking out a new semi-personal site and I'm getting some odd results from locally installed versions of IE.

Looks reasonably OK, as in - how I intended, in Moz (Firebird too), Opera, and NS7.

I'm not sure if it's checking through the LAN that's causing some of the glitches or if I've really got the CSS wrong. It all checks clean through W3C:confused:

I'm currently running multiple IE versions under W2K and wonder if that could be a problem - anyone know?

Not going to post code just yet but I'd appreciate if someone has time for a quick look and giving some feedback.



12-24-2003, 03:39 AM
You're probably running the standalone IE's that I bundled together. If you didn't download them directly from my site, then you downloaded them from a mirror site. Unless, of course, you downloaded the 150MB+ to get 5.01 and 5.5, and then followed Joe Maddalone's tutorial. :thumbsup:

IE 5.01 and 5.5 have horrible CSS support. There can be any number of solutions for any number of problems. It just depends on the problems you're having. Care to elaborate?

12-24-2003, 04:04 AM
My CSS isn't great but usually works so the relevant is:-

.lc {width:15%; float:left; margin-left:0%; margin-right:0%; text-align:left; background:transparent; }

.cc {width:90%; margin-left:auto; margin-right:auto; margin-top:0%; margin-bottom:0%; text-align:center; background:#BFF3F5; }

.rc {width:84%; float:right; margin-left:auto; margin-right:0%; margin-top:0%; margin-bottom:0%; text-align:center; background:#BFF3F5; border-left:solid thin black; }

.secend {clear:both; }

.pages {text-align:center;}

.test {width:100%; background-color:#E6DADA; margin-left:auto; margin-right:auto; text-align:left; font-size:100%; }

.banner {background-image:url(Cimages/btest4.jpg); width:100%; margin-top:0%; margin-bottom:0%; margin-left:auto; margin-right:auto; font-size:400%;line-height:150%; text-align:center; }

.tlink {width:100%; background:#F9E097; font-size:110%; line-height:130%; padding-bottom:0%; margin-bottom:-2%; margin-left:0%; border-bottom:solid thin black; text-align:center; }

.current {background-color:silver; }

I think I just spotted a problem in the .banner description - but why is it only IE that sees it?

Relevant page code next - tell me if I've been an idiot:o


<div class="banner"><img src="Cimages/stclogo2.gif" width="550" height="75" alt="banner" /></div>

<div class="tlink"><a class="current" href="index.html">STC Home</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="STC/stc.html">The Club</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="Productions/forthcoming.html">The Plays</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="Galleries/gallist.html">The Pictures</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="unicorn.html">The Theatre</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="links.html">Links Page</a></div>
<div class="test">


What is getting lost in IE is the navigation band ("tlink") and the "cc" is being thrown to the left.

Probably my mistake but it's fine in Op, Moz and NS7.