CODEWITHSUNDEEP
csswebinternet-explorer-7
user173475
user173475

Reputation:

Website works great in everything but IE7,

I can't seem to figure out why my website breaks in IE7, I'm sure it has to do with something in the CSS but I can't find it and its driving me nuts. I feel I've been looking at artwork so long I can't see what the problem is. Can anyone come in with a fresh set of eyes and help? Thank you =)

website: rburtonart.com

Upvotes: 0

Views: 441

Answers (4)

Kennethvr
Kennethvr

Reputation: 2680

give your body

background-color: #353535

change the min-height of the wrap to for example

min-height: 650px

and change the #main bottom padding to for example

padding-bottom: 20px

this should solve your problem! it does in my browsers!

Upvotes: 0

BobMcGee
BobMcGee

Reputation: 20110

I can't identify the problem, but if you've got a problem with Internet Explorer (and who doesn't?), then Conditional Comments are your friend!

They let you add code that only active in IE, or a specific IE version. Sample:

<!--[if IE]>
alternate style or stylepage for broken IE implemention of CSS
<![endif]-->


<!--[if IE 7]>
Fix for something broken only in IE7, not any other version.
<![endif]-->

Both of these will do nothing in any other browser -- they become just another harmless comment. If you're feeling hate towards those pesky IE6 users, you can target them for a nag to upgrade (either to another browser, or a more recent version).

EDIT: found it Before IE8, IE had issues with floats and layout. I think this will work, since I used something similar under similar circumstances.

You need to add a conditional comment containing a blcok-levelelement to FORCE the #content DIV below the header DIV. This should be empty, and force everything below it.
Try adding the following between the end of the header div, and the declaration (line 79). If you see too much space between the header and content, you can tinker with it. 

<!--[if IE 7]>
<div style="clear: both; width: 100%; padding:0; margin:0; height:1px;">&nbsp;</div> 
<!-- Fix for IE box model issues with content div -->
</div>
<![endif]-->

Upvotes: 3

Kennethvr
Kennethvr

Reputation: 2680

your menu en footer li needs

float: left;

your center piece bugs on the height of the flash....

i guess you need to take a closer look at that.

IE now comes with a handy developer tool in which you can change the css on the fly.

Upvotes: 1

da5id
da5id

Reputation: 9136

You don't say what's broken and I don't have IE7 handy, but for starters your site doesn't validate, either as XHTML Strict (your nominated doctype) or for the CSS. I would be fixing the validation errors before doing anything else.

Upvotes: 1

Related Questions