CSS display problem ?

For general web development questions that are not specifically related to CSS HTML Validator. This includes (but is not limited to) general HTML, CSS, Accessibility, JavaScript, and SEO questions.
Post Reply
socroza
Rank 0 - Newcomer
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

CSS display problem ?

Post 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
User avatar
Albert Wiersch
Site Admin
Posts: 3783
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Post 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?
Albert Wiersch, CSS HTML Validator Developer • Download CSS HTML Validator FREE Trial
socroza
Rank 0 - Newcomer
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

Post 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 !
User avatar
Albert Wiersch
Site Admin
Posts: 3783
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Post 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.
Albert Wiersch, CSS HTML Validator Developer • Download CSS HTML Validator FREE Trial
socroza
Rank 0 - Newcomer
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

Post by socroza »

Ok, I will do that, thank you !
Post Reply