View Full Version : IE vs firefox

01-21-2008, 06:13 PM

I apologize for making this my first post. I hope I can make contributions to this community after I have a little more experience, but for now I am a lost newbie.

I have managed to style a Wordpress website to my liking after many months of experimentation (I am a photographer, not a web designer).

The website renders as I want it to in firefox and safari (both win and mac versions). In IE7 the main element is rendered too wide and is forced below the sidebar. I've honestly tried googling to get an answer since I'm sure it is not complicated, but all I could find was references to quirks mode and I relatively sure I am not in quirks mode. Like I said, I am a photographer, and find it difficult to decode the "gobbly-gook" of cross-platform compatibility.

Could someone give me a hand in figuring out why this element is wider in IE7 than firefox/safari. I would really appreciate it!


01-21-2008, 09:05 PM
I am not much into the scripting side but, with the CSS, if you put


at the very start of your css. It may do the trick. All browsers do not start from the same place margin and padding wise. This will reset everything to zero before you start and often does the trick.

Easy to do and well worth a try.

http://cavemonkey50.com/2005/12/the-ultimate-ie-hack-guide/ might be worth trying too.


01-22-2008, 08:39 PM
Thanks for your advise. Following the IE hacks link you posted led me to use an underscore to target a set of CSS changes specifically for IE.

I still don't know what is wrong with the underlying code, but by using absolute positioning for the main element when in IE instead of relative I was able to band-aid the problem so I can get back to adding content!

What great advice!


01-22-2008, 09:43 PM
You can also use the conditional IE stuff in the head to pull in IE specific stylesheets - i.e.

<!--[if IE 7.0]>
(link to your stylesheet, do some javascript, whatever)
Which will do things specifically for IE7.