Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: Menü im IE total verschoben

Menü im IE total verschoben 4 Jahre 9 Monate her #26242

  • flipps
  • flippss Avatar
  • OFFLINE
  • Kennt sich aus
  • Beiträge: 357
Hallo zusammen,

ich habe mein Top Menü mit CSS und unter zur Hilfenahme des FF und Firebug so angeordnet wie ich das gerne hätte. Als ich es dann im IE angeschaut habe, sah es leider überhaupt nicht mehr so aus wie im FF.

Ich finde auch leider den Fehler nicht. Wichtig ist, dass der rechte Menülink mit der Seite rechts bündig ist. Der Menülink "Kontakt" soll mit dem Übergang grau -> Bild bündig sein. Der Rest einfach schön gleichmäßig verteilt, so wie das im FF momentan aussieht.

Ich verstehe nur nicht, wieso der IE das jetzt wieder anders interpretiert.

test.rettungsdienst-tuebingen.de/media/

EDIT: Am einfachsten wäre es, wenn ich dem Link "Home" ein eigenes "padding-left" zuweisen könnte. Dann könnte ich auch das Div Menu wieder auf 940px verkleinern. Aber wie kann ich dem an der Stelle ein eigenes padding-left zuweisen?

MfG
Philip
www.rettungsdienst-tuebingen.de <--Joomla 1.5.x<br />www.overcross-media.de <-- Joomla 1.5.x (eigenes Template)
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Menü im IE total verschoben 4 Jahre 9 Monate her #26253

  • reini_44
  • reini_44s Avatar
  • OFFLINE
  • Experte
  • Beiträge: 3944
  • Dank erhalten: 329
Hallo Philip!

Versuch's mal mit margin-left, also mit dem Aussenabstand und mit padding die Feinjustierung
Regeln für Supportsuchende | Kein Support über PN oder Messenger
Die Joomla-FAQ schon gelesen? | Firefox und Firebug gehören in jeden Haushalt!
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Menü im IE total verschoben 4 Jahre 9 Monate her #26255

  • flipps
  • flippss Avatar
  • OFFLINE
  • Kennt sich aus
  • Beiträge: 357
Hallo reini,

leider klappt das nicht so wie ich das wollte. Dafür müsste man jeden Menüpunkt einzeln ansteuern können, ich kann aber nur alle zusammen.

Habe das jetzt wieder zurückgesetzt.

Wenn jemand weiß wie man die Punkte einzeln ansteuern kann, dann wäre ich sehr dankbar. Wobei ich nicht glaube, dass das funktioniert.

MfG
Philip
www.rettungsdienst-tuebingen.de <--Joomla 1.5.x<br />www.overcross-media.de <-- Joomla 1.5.x (eigenes Template)
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Menü im IE total verschoben 4 Jahre 9 Monate her #26258

  • reini_44
  • reini_44s Avatar
  • OFFLINE
  • Experte
  • Beiträge: 3944
  • Dank erhalten: 329
Wenn ich das mit Firebug dementsprechend ändere kann ich es leider nicht mit dem IE testen, aber mit diesen Angaben in der CSS sollte klappen:
ul#mainlevel-nav li
{
	background-image: none;
	margin-left: 45px;
	padding-right: 0px;
	float: right;
	font-size: 15px;
	line-height: 30px;
	white-space: nowrap;
	background-image:url(../images/top_link.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:30px;
}
Regeln für Supportsuchende | Kein Support über PN oder Messenger
Die Joomla-FAQ schon gelesen? | Firefox und Firebug gehören in jeden Haushalt!
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Menü im IE total verschoben 4 Jahre 9 Monate her #26269

  • flipps
  • flippss Avatar
  • OFFLINE
  • Kennt sich aus
  • Beiträge: 357
Das ist ja auch genau das gleiche wie das was ich momentan drin habe:
ul#mainlevel-nav li{
	background-image: none;
	padding-left: 45px;
	padding-right: 0px;
	float: right;
	font-size: 15px;
	line-height: 30px;
	white-space: nowrap;
	background-image:url(../images/top_link.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:30px;
}

Der einzige Unterschied ist, dass du statt "padding-left" "margin-left" verwendest, was an dieser Stelle genau das gleiche bewirkt. Damit wird einfach der Abstand der einzelnen Menüpunkte zueinander bestimmt.

Ich hätte aber gerne das "Home" weiter vorne und das "Kontakt" genauso wie es jetzt steht, am Übergang vom grau zum Bild. Erhöhe ich jetzt den padding-left oder margin-left Wert, dann rutscht mir vorne das Home aus dem div raus und verschwindet komplett, da das margin-left oder padding-left das mit raus nimmt, und das "Kontakt" steht auch nicht mehr da wo ich es haben will. Aus diesem Grund suche ich eine Möglichkeit, wie ich den Abstand eines jeden Menüpunktes einzeln bestimmen kann.

Wobei ich mittlerweile der Meinung bin, dass das nicht geht.

MfG
Philip
www.rettungsdienst-tuebingen.de <--Joomla 1.5.x<br />www.overcross-media.de <-- Joomla 1.5.x (eigenes Template)
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Menü im IE total verschoben 4 Jahre 9 Monate her #26284

  • namdab
  • namdabs Avatar
  • OFFLINE
  • Junior Mitglied
  • Beiträge: 68
Nabend,
um jeden Menupunkt einzeln an zu sprechen müsste jeder Link seine eigene klasse oder id haben.

Um aber mehr Platz zwischen den einzelnen Links in deiner Navigation zu bekommen, könntest du
text-indent: 8px;
angeben. Jeh nachdem wie weit die Links eingerückt werden sollen, musst du mit den Wert spielen und testen.

Der Administrator hat öffentliche Schreibrechte deaktiviert.
Kunena Forum