28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Voici l'adresse du design :
http://www.marque-ta-page.info/wordpress/

Il fonctionne très bien sous IE7 Firefox et Opera 9. mais il y a un décalage à gauche du design + de la sidebar sous IE 6. Probablement un problème de margin ou de padding, mais je ne trouve pas

Voici une partie de mon fichier CSS :

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background: #FFFFFF url(images/main-bg-2.gif) repeat-x;
	margin: 0px;
	padding: 0px;
}
#page {
	margin-left: auto;
	margin-right: auto;
	width: 811px;
	background: #FFFFFF url(images/content-bg-2.gif) repeat-y;
}
#header {
	background: #0FACEA url(images/header-bg-2.gif) no-repeat;
	width: 811px;
	height: 187px;
	border-bottom: 0px solid #59780a;
	position: relative;
}

#sidebar {
	position:relative;
	top:-84px;
	float: right;
	margin: 0px 34px 0px 2px;
	padding: 0px 10px 20px 10px;
	width: 184px;
	color: #666666;
	background:#ECFDCE;
	overflow: hidden;
}

....



Y a t'il des choses qui pourraient géner ?

Merci
Modifié par beal2912 (07 May 2007 - 21:31)
Pour commencer, je dirais : «doubled float-margin bug» pour div#sidebar.
La marge à droite de div#sidebar est doublée sous IE6. Un display: inline devrait corriger ça.
Si ça règle ton problème je t'invite à indiquer « [Résolu] » dans le titre de ton sujet, ce que tu peux faire en éditant le premier message.

a écrit :
Problème IE 6 sur Thème wordpress => [Résolu] Problème IE 6 sur Thème wordpress