Forum Home
PC World Chat
 
Thread ID: 66961 2006-03-12 22:15:00 CSS help needed and website critique netchicken (4843) PC World Chat
Post ID Timestamp Content User
437669 2006-03-12 22:15:00 I design my website in Opera and Firefox, it also looks OK in Frontpage, and IE7 .

However when I view it on IE6 that a friend has on her laptop part of the CSS seems screwy . Its driving me nuts .

The link to the site is in my sig below, this is not an advertisement for it but a request for help to find why it looks wacked . Please just see it as an academic exercise not a form of subversive advertising .

For example, all the green navigation top left, looks great to me, in all my browsers, but in IE 6 seems to be missing the 4 X 2 tidy structure, looking bunched and ragged .

You can see what I mean in the alexa screenshot . alexa . com/data/details/?url=stuffucanuse . com," target="_blank">www . alexa . com that should be a nice tidy table (all made in CSS)

Obviously there is something in css that IE6 is not seeing . but it needs a fresh set of eyes to work out what it is .

On the messagebaord is a similar case, the small red text is meant to run across the page, and the "who's online" should run across the page as well .

Is there some place where IE errors are listed to easily fix this?

Thanks
netchicken (4843)
437670 2006-03-12 22:38:00 This is what I see (www.imagef1.net.nz) IE not being as perfectly laid out as FF.

IE is a flippen nightmare to code for good luck, try a <br>.

Run the page through the W3C validator (http://validator.w3.org/).
Rob99 (151)
437671 2006-03-12 22:53:00 Thanks Rob, looks OK in your screenshot....

I think I got it, well part of it anyway....
(maybe)

A "normal" CSS box has 3 attributes. width + padding + borders

So you may have a box that is 100px width, + a padding of 5px + borders of 2px.
This means the total box width is 2 + 5 + 100 +5 + 2 = 114px

But in IE the width is a TOTAL of 100px. which includes the padding and borders.
I got the idea from here (www.sitepoint.com)

sigh... the solution looks complex....
netchicken (4843)
1