Zum Inhalt springen

Rand um Menu im Internet Explorer

Erstellt am 3. Dezember 2004 · 3 Antworten · letzte Antwort am 3. Dezember 2004

Tags: HTML & CSS, Frage

mamo ·

Hallo
Ich habe ein HMENU mit verschiedenen Ebenen erstellt, das in einem DIV-Bereich auf der linken Seite dargestellt wird (float:left). Obwohl ich die Breite des DIV-Bereichs genau gleich eingestellt habe, wie die des Hintergrunds, werden die Menueinträge im Internet Explorer nicht korrekt dargestellt. Die Hintergrundfarbe der Untermenus deckt nicht den ganzen Bereich ab. Rechts bleiben zwischen Menu und Contentbereich immer etwa 2px frei. Im Firefox und im Netscape 6.2 sieht es richtig aus.
Wie kann ich den IE überlisten?

Bild des falsch dargestellten Menus: http://www.wysiweb.ch/layouttests/images/menu.gif

Im Typoscript werden die Menuebenen so gewrappt:

<div class="LEFTNAV1-NO"> | </div>

Auszug aus dem CSS:

#MAIN {
	clear:both;
	width:100%;
	height:350px;
	background-color:#0099FF;
	}

#LEFTNAV {	
	float:left;
	width:12em;
	margin:0;
	padding:0;
	}

#LEFTNAV div a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}

#LEFTNAV div a:hover {
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
	}

#LEFTNAV div.LEFTNAV1-NO {
  	font-size:1em;
	font-weight:bold;
  	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
  	padding-left:10px;
	}

#LEFTNAV div.LEFTNAV1-ACT {
	background-color:#99CCFF;
  	font-size:1em;
  	font-weight:bold;
  	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
  	padding-left:10px;
	}

#LEFTNAV div.LEFTNAV2-NO {
	background-color:#99CCFF;
  	font-size:0.8em;
  	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
  	padding-left:20px;
	}

#LEFTNAV div.LEFTNAV2-ACT {
	background-color:#99CCFF;
  	font-size:0.8em;
  	font-weight:bold;
  	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
  	padding-left:20px;
	}

#CONTENT {
	margin:0 10em 0 12em;
	background-color:#FFFFFF;
	padding:1em;
	height:350px;
	}

Danke für die Hilfe

McGregor ·

Probier mal das:

page.bodyTag = <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">

Grüße
McGregor

mamo ·

Nützt leider auch nicht. Danke trotzdem!

Das Problem ist "nur" der Zwischenraum zwischen der Navigation links und dem Inhaltsbereich, eben der etwa zwei Pixel breite dunkelblaue Streifen.

Habe auch schon versucht, die Breiten unterschiedlich zu definieren. Dann stimmt aber gar nichts mehr.

Warum dieser Streifen nur rechts und nicht auch links oder rundum angezeigt wird, ist mir ein Rätsel. Wer kennt eine Lösung???

Gruss
mamo

McGregor ·

Hi!

Na logo. Das ist IE-spezifisch. Da habe ich auch noch keine Lsg gefunden. Das hängt IMHO damit zusammen, daß IE Platz für den Scrollbalken braucht und diesen schon vorher reserviert. Ich denke da kann man nichts machen. Aber du kannst tricksen und den Hintergrund der Seite auf die Farbe setzen. Dann sollte das nicht auffallen

McGregor