Page 1 of 1

CSS display problem ?

Posted: Mon Jun 16, 2008 4:45 pm
by socroza
Hello,
I just arrive to you with a stupid question but would you first excuse me for my bad english ?
I'm building my site with AceHtml6Pro.
Since I have got a virus problem, Windows XP has been changed to XP Pro.
And the pages in IE7 are now dispayed in a wrong maner, while Firefox remain perfect.
I'm using only CSS and HTML 4.01 strict. No error with Cselite80.
Do you think this is because of the IE version or the OS ?

Thank you for your lights,
a poor belgian. :D

Posted: Mon Jun 16, 2008 10:05 pm
by Albert Wiersch
Hello,

Do you have a URL you can share? How about any screenshots to show exactly what is being shown by IE vs. Firefox? Is the encoding of the page being properly specified by the web server?

Posted: Tue Jun 17, 2008 6:54 pm
by socroza
Hello,

I'm not already on the web, I stay working with the editor.
However, I think this is due to the fact that IE6 don't recognize CSS2, while IE7 yes. Is it right ?
Normaly, the column (160 px) for the menu is on the left.
IE7 now display the column with a shift to the right and mask the text on the right hand side.

Code for IE6 :

#content {background-color:#f4ffff; position:absolute;padding-right:0.2em;}

#header {
background-color:rgb(156,74,255); height:6.9em; width:61.5em;}
#tete {padding:0.6em; margin-left:0.7em; margin-right:0.7em; }

#lat { position:absolute !important; (bug IE)
position:fixed;
margin-left:0px;
width:10.35em;}

#tex {
position:absolute;
margin-left:0px;
margin-right:0em;
width: 10.35em;
text-align:center;
line-height:1.25em;
}
#centr {margin-left:10.6em; width:50.4em; margin-top:0.15em; padding-right:0.9em;}


code for IE7 :

#content {background-color:#f4ffff; position:absolute; padding-right:0.2em;}

#header {
background-color:rgb(154,73,255); height:6.9em; width:61.6em;}
#tete {padding:0.6em; margin-left:0.7em; margin-right:0.7em; }

<!--[if lt IE 7]>
#lat { position:absolute !important;
position:fixed;
margin-left:0px;
width:10.35em;}

<![endif]-->


#lat { position:relative;
margin-left:0px;
width:10.35em;}

#tex {
position:absolute;
margin-left:0px;
margin-right:0em;
width: 10.35em;
text-align:center;
line-height:1.25em;
}
#centr {margin-left:10.6em; width:50.4em; margin-top:0.15em; padding-right:0.9em;}


I'm not sure it does work, Tank you very much !

Posted: Wed Jun 18, 2008 3:56 pm
by Albert Wiersch
Sorry, unfortunately I do not have the time to research this, but I can say it would help a lot if you could setup some sample pages that are easily viewed online.

Also, it could definitely be an issue with correct browser support for the CSS you are using.

Posted: Wed Jun 18, 2008 5:34 pm
by socroza
Ok, I will do that, thank you !