28172 sujets

CSS et mise en forme, CSS3

IE8 et mise en forme

Bonsoir,

Je suis en train de finaliser le dev de mon site.

Aucun problème sous différent naviguateurs (IE6, IE7, Chrome, Firefox, ...), cependant sous IE8, le header de mon site est beaucoup plus grand et le fond se repeat, or il ne le devrait pas.

Voici le bout de code xHTML :

<div id="conteneur_page">
	
    <div id="conteneur_head">
    
		<a href="Default.aspx"><img src="images/logo.png" height="127" width="359" border="0" align="left" /></a>
        
        <div class="bloc_sarch">
        
            <!-- Search Google -->
            <center>
            <form method="get" action="http://www.google.fr/custom" target="_top">
            <table bgcolor="#000000">
            <tr><td nowrap="nowrap" valign="top" align="left" height="32">
            
            <label for="sbi" style="display: none">Entrez les termes que vous recherchez.</label>
            <input type="text" name="q" size="20" maxlength="255" value="" class="input_search" id="sbi"></input>
            <label for="sbb" style="display: none">Envoyer un formulaire de recherche</label>
            <input type="image" src="images/search_button.png" height="29" width="164" name="sa" id="sbb"></input>
            <input type="hidden" name="client" value="pub-8334915107696848"></input>
            <input type="hidden" name="forid" value="1"></input>
            <input type="hidden" name="ie" value="ISO-8859-1"></input>
            <input type="hidden" name="oe" value="ISO-8859-1"></input>
            <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
            <input type="hidden" name="hl" value="fr"></input>
            </td></tr></table>
            </form>
            </center>
            <!-- Search Google -->
		
        </div>
         
        
	</div>
    
    <div id="conteneur_menu">
    	<div class="bloc_menu_1"></div>
        
        <ul id="menu">                   
	        <li><a id="ctl00_menu1" accesskey="1" class="menu_over_white" href="Default.aspx"><div class="titre_blanc_header">Accueil</div></a></li>
	        <li><a id="ctl00_menu2" accesskey="2" href="CV.aspx"><div class="titre_blanc_header">CV</div></a></li>
	        <li><a id="ctl00_menu3" accesskey="3" href="Radio.aspx"><div class="titre_blanc_header">Radio</div></a></li>
	        <li><a id="ctl00_menu4" accesskey="4" href="Realisations.aspx"><div class="titre_blanc_header">Internet</div></a></li>
	        <li><a id="ctl00_menu5" accesskey="5" href="Contact.aspx"><div class="titre_blanc_header">Contact</div></a></li>
        </ul>
        
        <div class="bloc_menu_2"></div>
    </div>


Et le code CSS :

#conteneur_page{
position:relative;
	width:909px;
	margin-left:auto;
	margin-right:auto; 
	padding:0px;
	text-align:left;
	}

#conteneur_head{
	position:relative;
	width:909px;
	height:127px;
	margin-left:auto;
	margin-right:auto; 
	padding:0px;
	}

.bloc_sarch
{
	background-image:url(../images/search_background.png);
	float:right;
	width:475px;
	height:54px;
	margin:0; 
	padding:15px 0 0 0; 
	}


Avez-vous une idée de comment arranger ce soucis sous IE8 ?

D'avance merci Smiley cligne

Fab
Pff IE... moi aussi j'ai des soucis mais, avec IE7. Smiley ohwell
Salut, je ne peux pas t'aider mais seulement te dire que j'avais déjà vu ton problème sur un autre forum.

Ciao, bon courage.
Salut,

la première chose à faire (cela devrait être un réflexe Smiley cligne ) serait de corriger les erreurs de validation.

Au passage, supprimer les caractères (sauts de lignes, espaces) avant le DOCTYPE.
Modifié par Heyoan (02 May 2009 - 12:10)
Sujet clos
Aller à