✔ horizontaler scrollbalken soll weg

[tarantism]

Hallo ich hab da mal wieder ein Problem,

sobald ich mehr Inhalt hab als in das Fenster passt kommt zusätzlich zum horizontalen Scrollbalken auch noch ein vertikaler. Wenn man das Fenster aber minimiert verschwindet er, aber sobald man wieder maximiert und aktualisiert ist er wieder da, woran kann das liegen?

http://sandor.sa.funpic.de/html/individuell.htm

Hier mein CSS:

             /* style fuer bikeconfig*/
html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0px none; 
	background:#E6D3B4;
	font-size:100%; 
	font-family:Verdana, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0px none;
	background:#E6D3B4;
	font-size:10pt; 
	font-family:Verdana, Helvetica, sans-serif;
	}

#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:1; 
	top:106px; 
	bottom:0px; 
	width:798px; 
	margin-left:-400px; 
	left:50%; 
	border-left:1px solid #6B6662;
	border-right:1px solid #6B6662;

  background-color: #FCF2EA;
	
	}
	
	* html #content {
	top:0; 
	bottom:0px; 
	height:100%;
	width:800px;
	border-top:118px solid #FCF2EA; 
	border-bottom:0px solid #FCF2EA;

	overflow:auto; 
	}
	
	div#content p
{
padding-left:180px;
padding-right:0px;
padding-top:6px;
padding-bottom:15px;
}
	

#menue {
  position: absolute;
  overflow: hidden;
  top: 106px;
  bottom: 0px;
  left: 50%;
  width: 158px;
  margin-left:-400px;
  padding-top: 20px;
  border-left: 1px solid #6B6662;
  border-right: 1px solid #6B6662;
  background-color: #F4E2D1;
  color: #000;
  z-index:2;
 	font-size:10pt; 

  }

* html #menue {
  height: 100%;
  top: 0;
  bottom: 0;
  border-top: 106px solid #fff;
  border-bottom: 0px solid #fff;
    width: 160px;
  
  }




#head {
	position:absolute; 
	margin-left:-400px; 
	left:50%; 
	top:0; 
	width:800px; 
	min-width:800px; 
	height:87px; 
	background:#FCF2EA; 
	font-size:10pt; 
	z-index:3; 
	border:0px;
	}

* html #head {
	top:0px; width:800px; height:87px;
	}





#content p {
	padding:5px; text-align:justify;
	}
	
	
	
h1 {
 font-size: 12pt;
 color: #6B6662;
}

h2 {
 font-size: 10pt;
 color: #000;
}

Das Prob. tritt nur im IExplorer auf

 

[Maik]

In der CSS-Datei ist der Selektor #content p doppelt vorhanden, aber mit unterschiedlichen padding-Angaben notiert. Wenn ich letzteren entferne, wird der horizontale Scrollbalken im IE nicht mehr angezeigt

div#content p
{
padding-left:180px;
padding-right:0px;
padding-top:6px;
padding-bottom:15px;
}

#content p 
{
padding:5px; text-align:justify;
}

denn der wahre Grund für den horizontalen Scrollbalken im IE ist die CSS-Eigenschaft text-align:justify.

 

[tarantism]

ja genau das wars,
vielen dank