Problème barre de défilement horizontal IE7

Résolu/Fermé
xavyeii Messages postés 29 Date d'inscription mercredi 23 avril 2008 Statut Membre Dernière intervention 19 octobre 2012 - 29 nov. 2008 à 15:06
 hissoka - 16 mars 2010 à 00:51
Bonjour la communauté,


Alors voilà, j'ai un petit.. hum.. gros problème avec IE7.
J'ai créé un site avec joomla!

Voici mon problème :

Sous IE 7 : Une barre de défilement horizontale apparait et mon site fait presque le double en largeur =(
Sous FireFox : Aucun problème !



Voici le code CSS :

/* Body */
BODY {
	margin: 0px 0px 0px 0px;
	background-color : #FFE6B3;
	color : #000000;
	}

td,tr,p,div {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	}

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#topmenu{
height: 20px;
float: right;
position: absolute;
right: 150px;
}
	
/* Topmenu */

ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

ul#mainlevel-nav li{
list-style: none;
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;
background: #FFF0BD;
border: 1px solid black;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: bold;
color: #0077AA;
margin-left: 5px;
white-space: nowrap;
}



/* Hintergrund */
div {
	margin:0;
}

.bg {
	margin:0 120px 0 0;
}
.bg_wide {
	margin:0;
}

.bg01 {
	background:url(../images/bg_01.jpg) top left no-repeat;
}
.bg02 {
	background:url(../images/bg_02.jpg) top left repeat-x;
}
.bg03 {
	background:url(../images/bg_03.jpg) top right no-repeat;
}
.bg04 {
	background:url(../images/bg_04.jpg) bottom left repeat-y;
}
.bg05 {
	background:url(../images/bg_05.jpg) top left repeat;
}
.bg06 {
	background:url(../images/bg_06.jpg) bottom right repeat-y;
}
.bg07 {
	background:url(../images/bg_07.jpg) bottom left no-repeat;
}
.bg08 {
	background:url(../images/bg_08.jpg) bottom left repeat-x;
}
.bg09 {
	background:url(../images/bg_09.jpg) bottom right no-repeat;
}
.inhalt {
	margin:0;
	padding:130px 80px 50px 240px;
	min-height:500px;
	height:auto !important;
	height:500px;
}




Merci d'avance pour votre aide !

Xavier

4 réponses

Je peux me tromper mais essaye ceci :

BODY {
overflow:hidden ;
margin: 0px 0px 0px 0px;
background-color : #FFE6B3;
color : #000000;
}
0
sorry, pour le la barre horizontale c'est plutot ceci:

BODY {
overflow-x:hidden ;
margin: 0px 0px 0px 0px;
background-color : #FFE6B3;
color : #000000;
}
0
xavyeii Messages postés 29 Date d'inscription mercredi 23 avril 2008 Statut Membre Dernière intervention 19 octobre 2012
29 nov. 2008 à 15:24
Merci pour la réponse rapide... mais hellas ça n'a rien fait =(

Le code suivant ne doit pas existé (pas reconnu):

overflow-x
0
xavyeii Messages postés 29 Date d'inscription mercredi 23 avril 2008 Statut Membre Dernière intervention 19 octobre 2012
29 nov. 2008 à 15:28
Problème résolu !

Merci !

C'était bien overflow:hidden; mais a placer dans le div !
=)
0
slt
html {overflow-x: scroll;}


http://covertprestige.info/css/scrollbar-decalage/
0