IE utterly screws my css layout up

[Dorza]

Ok ive made a layout for a site of mine and it looks great under Firefox, everything works so far. However when i review the site with IE the whole thing just messes up a treat. I have provided the link to my site below. Hover over the menu links at the top and you will see what happens. The black boxes where information would eventually end up, completely screw up. What have i done wrong and how do i fix it? One more thing. When you hover over a link it should become underlined, howerver under Opera the whole line of links become underlined. How is this sorted out? Everyting else works under opera.

link to my site here

p.s none of the links take you ne where (havent uploaded them yet), but its the same messed up effect on all the pages under IE.

[Kezzer]

Unfortunately microsoft re-wrote the standards for CSS and then implemented them into their browser only so everything is viewed different in that browser specifically. It just means you have to use different methods in making the layout how you want it.

[killgORE]

yeah, dirty mother f*king baxters. I am making a new css right now. actually I will be making a few over the coming weeks.

It looks good in firefox. I have a css pulldown effect with a form in it that looks good. but - and I knew this already - I am going to need a JavaScript to hack this to work in IE.

aside from that. IE has borked the render of a simple center div !!! it is WAY wider than it was set to be ffs. many late nights are on the horizon.

[killgORE]

Dorza... for me. In firefox, when i mouse over the links nothing happens. just the colour change and underline ? which is nice and all.

Do you want some black boxes to appear in all browsers ?
in IE I agree it is totally borked.

I will examine the code when I am sure of what you want

[Dorza]

Yeh thats all thats meant to happen under firefox. I havent uploaded the pages for them links yet so they wont work.

I would like them black boxes under the links to appear properly in all the major browsers. Those black boxes reprecent the places where information will be displayed.

btw i have 3 stylesheets which r pretty messy. I'll tidy them up when the site becomes more finalized. Any way, their located in the same directory as the home page ( /templocation/index.htm) their called menu1 (for the blue mouse over links) menu2 (for the red over links) and stylesheet for the rest of the site. Stylesheet.css is probably where IE is getting confused.

EDIT: i think im using the CSS box model to produce those black boxes. Im going to try CSS tableing to see if that will get me any where. Will report back what i find.

[Iain]

you haven't declared an (X)HTML doctype and you can avoid the box model probles in IE6 by not using an XML prolog

[Dorza]

Thanks for that but what do you mean? I dont know any XHTML or xml.

[Kezzer]

XHTML isn't that much different, it's just another standard similar to HTML. For example, for a line break, instead of using the tag <br> you use <br />. XML is quite handy too although i've never implemented or even played with it

[Dorza]

Theres css with XML at the back of my teach your self CSS book. Will need to give it a read to see what it can do thanks for your replies, the problems have now been solved.

[killgORE]

glad to hear it is sorted.. I am sort of intrigued to see what you want to do with these black boxes.. Any chance you could make an "under construction" bit of content and link one of - or all of - the top links to it. It would be a tiny bit nicer than the 404

[Dorza]

glad to hear it is sorted.. I am sort of intrigued to see what you want to do with these black boxes..

The black boxes are just just holding places for text, think of them as a background. Go to the links or news pages and you'll see what i mean (hopefuly).

Any chance you could make an "under construction" bit of content and link one of - or all of - the top links to it. It would be a tiny bit nicer than the 404

Done

[killgORE]

o.k. that is what I was imagining.. just with the previous weird IE thing I was thinking you might be trying something weird

U have a problem though !!! The little images don't display in IE. works fine in firefox, obviously.... I *might* not have the latest version of IE. I never use the thing except when I am testing pages

[Dorza]

What little images? If your talking about the mini banners on the links page (the ones for Bit-tech, Hexus, Neowin etc) then it might be ur version of IE. they display correctly in IE6.

[killgORE]

yes.. those images don't display..

*EDIT*

There is a possibility that something is setup weird with my IE. Since I never EVER use it. for example a firewall/anti-virus configured to block adds or something. Obviously this filtering is not aplpied to my firefox sessions.

But looking at your html. the href to hexus et al is there. But the image links are not. so nothing is rendered because href's need text or something.

I am going to look at my IE settings

[Dorza]

What version of IE have you got?

[killgORE]

no idea.. I presume that I auto updated to IE6 whenever it apeared. but this is most likely a problem with my IE setup. not your site