CSS display problem ?

Discussion about CSS related issues.

CSS display problem ?

Postby 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
socroza
Rank 0 - Newcomer
Rank 0 - Newcomer
 
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

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

Postby 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 !
socroza
Rank 0 - Newcomer
Rank 0 - Newcomer
 
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm

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

Postby socroza » Wed Jun 18, 2008 5:34 pm

Ok, I will do that, thank you !
socroza
Rank 0 - Newcomer
Rank 0 - Newcomer
 
Posts: 3
Joined: Mon Jun 16, 2008 3:55 pm


Return to CSS (Cascading Style Sheets)

Who is online

Users browsing this forum: No registered users and 1 guest

cron