CSS: Firefox = : ) IE = >:(

[kingofnukes]

HI, Im finishing up my second ever CSS layout and while doing some final tests I noticed IE isnt even close to compatable with this.

Firefox displays this layout perfect while Ie is covering images and text.
I have no idea what is creating this problem.

My main concern is the Newsbox.

The Title area is kinda hidden and for some reason the news colum wants to clear the floats even though its not set to that div.

Anyways...here are my files:


CSS: http://lightning-1.com/stylenew.css
PHP Home file: http://lightning-1.com/homenew.php

Thank you for any and all help.

-Kingofnukes

[anardodesign]

I have being dealing with the same issues, I even dowloaded the new beta of IE 7, and nothing IE just sucks. I belive we should as the makers of content for the Web, we should band IE from the world. :{

[raz]

Firefox + Opera > IE Anyday.

There are some hidden commands in CSS that you could use to actually make your layout work in IE... I think w3schools.com has some of those. Also you could try and validate your CSS and make sure its correct CSS... I know IE doesnt give any slack towards CSS coding.

[IMJ]

I havent quite found your problem yet, but i should note that you used the <p> tag for your header, while you close that section with a </div>. That's an error for sure.

Secondly, why are is there width like 593.8px in there? I don't remember px can have anything but round numbers... It may be me, but i have a feeling the width and margins you used for the various DIVs aren't quite solid. I'm surprised it looks proper in FF

I'd validate your CSS first, like Raz suggested. When you know your code is good, you can look at the IE-specific problems. Here's one from W3C: http://jigsaw.w3.org/css-validator/validator-uri.html

[kingofnukes]

I already validated my CSS. Nothin but negitave # errors and alpha issues.

Thanks for the help so far though.C:-)

[kingofnukes]

*bump*

[kingofnukes]

isnt there some sorta hack i can use to change the properties of something depending on the browser?

[necrotic]

I have being dealing with the same issues, I even dowloaded the new beta of IE 7, and nothing IE just sucks. I belive we should as the makers of content for the Web, we should band IE from the world. :{
Ha, ban IE? Funny... nearly 80% of the visitors at a website I work on (5,000 unique a day) use IE. Banning IE would be suicide for the web.

[boozy juice]

isnt there some sorta hack i can use to change the properties of something depending on the browser?

dont know if this will help but ive used this in the past:

<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="ie.css" />
<![endif]-->

and

<!--[if lte IE 6]>
<a href="index.html">about us
<table><tr><td>
<![endif]-->

*content*

<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->

etc...


but then ive ended up doing one css file for IE and one for all the other (normal/better) browsers using this method.

msie = ballache. end of.

[kingofnukes]

ok, that detects IE 6, thats good for starters, now i jus wanna attach a style sheet base if the browser is... Firefox, IE 6 and lower, or Opera.

What the variable names of these so i can modify the code u posted?

[kingofnukes]

EDIT*

ok I finnally got it set up, thanx for the help.

[fm47]

I wrote up a layout with <div>'s and ended up that when I view on IE, it works fine, but when on firefox, it's absolutely ridiculous... it also happens on my tables

[BlackCard]

Im doing my css site now Im new to it aswell, bozzy juice post should help cheers! Ill finish up then hack for IE! :crying:

[Jeff Wheeler]

I already validated my CSS. Nothin but negitave # errors and alpha issues.

I thought those were errors? :-/

[Theros]

Only margins can have negative numbers.... padding has to be positive and please round up the numbers are they parse weirdly in different browsers

[denizengt]

Why is everything so huge?