Anzeigefehler

Status
Nicht offen für weitere Antworten.

anja_tifa

Grünschnabel
Hallo,
ich bin neu hier im Forum und hoffe es kann mir jemand helfen:
Ich musste auf folgender Seite den Menüpunkt "Produkte" ändern:
http://www.jmj-aloevera.com
Wenn man jetzt seitlich auf "Produkte" klickt, wird der Inhalt aller DIV-Container auf der Y-Achse wiederholt angezeigt. Wenn ich das Fenster minimiere und wieder anzeige oder auf ein anderes Fenster und wieder zurück, ist die Anzeige normal.
Wenn ich nur den Frame alleine anzeige, ist alles ok.
Getestet hab ich das ganze im IE 6.0 auf 2 verschiedenen Rechnern.
Zur Info noch das CSS:

Code:
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
 	background: url(flpg01.jpg) no-repeat fixed 0% 0%;
}

* {
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #333333;
}

h3 {text-align: left; font-size: medium; color: #000066;}

h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", sans-serif; font-weight: bold; }

#wrapper {
	text-align: left;
	position: relative;
	top: 90px; 
	left: 10px;
	width: 90%; 
	margin: 0; 
}

#leftcol {	
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
}

#zwcol {
	float: left; 
	width: 5px; 
	height: 240px; 
	position: absolute; 
	left: 170px; 
	border-left: 1px solid #999999;
	}

#maincol {
/*	position: absolute;
	left: 200px;
	margin-right: 160px;  */
	margin: 0 188px 0 198px; 
}

#rightcol {
	float: right; 
	width: 150px; 
	position: absolute;
	top: 0;
	right: 0;
}

ul {
	text-align:left;
	margin: 0px;
	padding: 0px;
	}
	
li {margin: 0px;}

#navright ul {
	list-style-type: none;
	margin: 5px;
	padding: 0px;
	}
	
#navright li {margin: 0px;}
	
#navright a {
	display:block;
	color: #000000;
	background-color: #CCCCCC;
	font-color: #000066;
	width: 9em;
	padding: 3px 12px 3px 8px;
	text-decoration:none;
	border-bottom: 3px solid white;
	font-family: Verdana, sans-serif;
	font-size: small;
	}
	
#navright a:hover {text-decoration:underline; }

.bild-us {
	font-style: italic;	
	font-size: x-small;
}

Hat irgendjemand eine Idee?

Danke im Voraus!

Anja
 
Hallo Anja,

willkomen im tutorials.de-Forum ;)

Ich bin mir jetzt nicht sicher, ob es den mysteriösen Anzeigefehler im IE behebt, aber versuche es doch mal mit diesem alternativen CSS-Code:

Code:
#wrapper {
        text-align: left;
        position: relative;
        top: 90px;
        left: 10px;
        width: 90%;
        margin: 0;
}

#leftcol {
        float: left;
        width: 150px;
}

#zwcol {
        float: left;
        width: 5px;
        height: 240px;
        border-left: 1px solid #999999;
        margin-right: 0 !important;
        margin-right: -3px;
}

#maincol {
        margin: 0 188px 0 198px;
}

#rightcol {
        float: right;
        width: 150px;
}
Anmerkung: auf meiner lokalen Festplatte tritt das Phänomen nicht auf :confused:
 
Status
Nicht offen für weitere Antworten.
Zurück