|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
|
|
#1
February 18th, 2006, 03:26 PM
|
|||
|
|||
|
Internet Explorer Troubles Please Help!
Ok. So I am making a website here www.wiredwaterloo.com and it looks good in firefox. But it looks like total crape in IE. So I am trying to use the *html hack or whatever and I can not seem to get it to look how it does in FF. I mean in IE it is totally messed up. So if someone could please help me! The css for the page is as follows:
Code:
html,body {
background-image:url(images/background.gif);
}
#header_back {
background-image:url(images/header_back.gif);
background-repeat:repeat-x;
height:560px;
margin-top:-10px;
margin-left:-10px;
margin-right:-8px;
}
*html,#header_back {
background-image:url(images/header_back.gif);
background-repeat:repeat-x;
height:560px;
margin-top:-17px;
margin-left:-10px;
margin-right:-8px;
}
#container {
margin-left:auto;
margin-right:auto;
margin-top:-558px;
width:842px;
background-color:#CCCCCC;
}
#header {
background-image:url(images/header.gif);
height:295px;
}
#content {
background-image:url(images/content_back.gif);
background-repeat:repeat-y;
margin-top:-16px;
}
*html,#content {
background-image:url(images/content_back.gif);
background-repeat:repeat-y;
margin-top:-19px;
}
.content {
width:585px;
text-align:justify;
margin-left:25px;
text-indent:10px;
}
#footer {
background-image:url(images/footer.gif);
height:45px;
margin-top:-16px;
margin-bottom:-16px;
text-align:center;
}
*html,#footer {
background-image:url(images/footer.gif);
height:45px;
margin-top:-19px;
margin-bottom:-16px;
text-align:center;
background-repeat:no-repeat;
}
|
|
#2
February 18th, 2006, 10:18 PM
|
|||
|
|||
|
You're using the hack incorrectly.
For example Code:
*html,#header_back should be Code:
* html #header_back Note that I replaced the comma with a space and put a space between '*' and 'html'. I suggest you use conditional comments to give IE a special stylesheet instead. About Conditional Comments Some more information on conditional comments can be found on this page. QuirksMode.org : Conditional comments http://www.google.com/search?q=IE+conditional+comment
|
|
#3
February 19th, 2006, 01:42 AM
|
|||
|
|||
|
Wow Thank you very much. I read up on conditional statemnt and I am currently using them
 Thank you again so much
|
|
#4
February 28th, 2006, 09:23 AM
|
||||
|
||||
|
If I understand it correctly, IE7 is fixing this bug and thus voiding the hack.
Conditionals aren't standard code, and I'd love to avoid using them, but like it or not your site needs to play with with IE... Which means I guess it's the best method... 
__________________
Daryl's Homepage | My Blogroll | My Profile | Firefox supporter! DevArticles Forum Moderator "The net is a waste of time, and that's exactly what's right about it." -- William Gibson
|
|
#6
March 1st, 2006, 07:46 AM
|
||||
|
||||
|
...because I'm biased and don't like Internet Explorer... =)
You're right that they're only comments, but the idea that Internet Explorer parses comments is kind of dirty and I'd rather not encourage it. I'd rather them focus on keeping their browser up-to-date with standards so as a developer I only need to write my code once. I guess it's more of a personal issue...
|
|
| Viewing: Dev Articles Community Forums > Web Design > Advanced Web Development > Internet Explorer Troubles Please Help! |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
