2009-11-16 7 views
0

J'ai un site Web qui affiche une présentation de type calendrier à l'aide de css. Il a fallu du temps pour obtenir le rendu juste. En fait, différents navigateurs nécessitent un CSS unique. J'ai de la difficulté avec IE8 (ainsi qu'avec Opera9) en ce sens que la présentation ne prend pas toute la largeur de l'écran. J'apprécierais le conseil.Problème de rendu IE8 et CSS

l'URL est www.firstport.com

Le CSS est la suivante:

html, 
body { 
margin: 0px; 
padding: 0px; 
height: 100%; 
overflow-y: hidden; 
    } 



td {height:13.6%;} 


.sectionhead { 
text-align: left; 
background: #EBEBEB; 
height: 99.5%; 
width: 98%; 
border-style:ridge; 
border-width:thin; 
border-color:grey; 
float: left; 
margin-left:0px; 
margin-right:0px; 
overflow-y: auto; 
color: black; 

} 

.sectionhead a { 

color: black; 
background: #EBEBEB; 
font-weight: normal; 
margin-left:2px; 
text-decoration:none; 
} 

.SubHeaderLink a { 

color: #006633; 
text-decoration:none; 
background: #EBEBEB; 
} 

.SubHeaderLink a:hover { 

color: blue; 
background: #EBEBEB; 
text-decoration:underline; 
} 

.popuplink a { 

color: blue; 
background: #EBEBEB; 
font-weight: normal; 
margin-left:2px; 
text-decoration:underline; 
} 
+0

Il serait utile si vous postez le code HTML correspondant aussi. –

Répondre

1

Votre HTML a une erreur dans la balise <table> ici:

<table cellspacing=0 cellpadding=0 height="97% width="100%" cols=5> 

Il manque un citation de clôture. Changez-le pour:

<table cellspacing="0" cellpadding="0" height="97%" width="100%" cols="5"> 

Et IE8 rendra correctement.

P.S. S'il vous plaît, s'il vous plaît, veuillez citer ("") toutes vos valeurs d'attribut.

+0

Merci. La correction a résolu le problème de rendu de largeur dans IE8 et Opera 9. J'ai une question de suivi sur Opera, que je vais poster. – Stan