CSS display problem ?

Discussion about CSS related issues.
Post Reply
socroza
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

CSS display problem ?

Post by socroza » Mon Jun 16, 2008 4:45 pm

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
Site Admin
Posts: 3446
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Post by Albert Wiersch » Mon Jun 16, 2008 10:05 pm

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?
Image
Albert Wiersch

socroza
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

Post by socroza » Tue Jun 17, 2008 6:54 pm

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
Site Admin
Posts: 3446
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Post by Albert Wiersch » Wed Jun 18, 2008 3:56 pm

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.
Image
Albert Wiersch

socroza
Rank 0 - Newcomer
Rank 0 - Newcomer
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

Post by socroza » Wed Jun 18, 2008 5:34 pm

Ok, I will do that, thank you !

Post Reply