Hi,

ich habe ein kleines/großes Problem

Wenn ich in der CSS eine bestimmte Weite definiere wird mein Menue unter Mozilla richtig angezeigt, im IE jedoch rückt das Menue etwas nach rechts
Wenn ich die Weite nicht definiere wird das Menue in Mozilla breiter dargestellt und der IE zeigt es richtig an. Irgendwie ist das nicht schön. Denn das Menü soll in einer Tabelle Mittig dargestellt werden ..

CSS-Eintrag:

#navcontainer { width: 150px; }

#navcontainer ul
{
width:150px; ----> !!um diese Weite geht es!!
margin-left: 0px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;

}

#navcontainer a
{
display: block;
padding: 3px 2px 2px 24px;
width: 160px;
background-color: #036;
background-image: url(images/menuebg.gif);
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #ffffff;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
background-image: url(images/menuebg_over.gif);
color: #696969;
}

gibt es da eine Lösung?
gruß
grizzli

Hallo grizzli,

padding-left: 0;
hier fehlt die Einheit, richtig wäre also

padding-left: 0px;


da die Breite schon in
#navcontainer {}
steht,

kannst Du in
#navcontainer ul {}

die Breite eventuell ganz weglassen (ausprobieren).

Gruß Sabine

Hi Sabine,

habe bei 0 das px dazu gemacht.

Das Problem ist, wenn ich bei #navcontainer ul die definierte Breite mit 150px rausnehme dann zieht der Mozilla das Menue in die Breite. Lass ich sie drinne ist mit Mozilla alles ok aber der IE versetzt das Mennue um hmmm vielleicht 15-20px nach rechts.

Auch das ich der Tabelle (in der das Menue abgelegt ist) eine weite von 150px zugeordnet habe interessiert den Mozilla nicht.

gruß
grizzli

grizzli, um welche Seite geht es denn? URL?
Gruß Sabine

Das ist ein Problem, ich hab die Seite nicht online, da es bloss ne rohfassung ist ... *grübel*
Ich versuch sie irgendwo hochzuladen ....

*sodi*
http://www.grizzlis-simsbau.de/simspage/index.html

Menü: Mozilla ok / IE verschoben

gruß
grizzli

Hallo Grizzli,

nimm mal aus
#navcontainer a {}

die Breite für die Links raus, also

width:160px;

Ich habe hier nur IE4, Netscape 4 und Mozilla Firefox.
Das Menü kann nur der Mozilla Firefox richtig anzeigen.
Mit IE4 und Netscape 4 hat es keinen Sinn zu testen.
Der Vergleich zum IE5 fehlt mir also jetzt.

Hier sind auch noch ein paar hilfreiche Links dazu, schau Dir mal die Beispiele an.

Beispiele:
http://css.maxdesign.com.au/listamatic/
http://css.maxdesign.com.au/listamatic2/index.htm

Und eine Liste der Browser, die das jeweilige Menü darstellen können:
http://css.maxdesign.com.au/.../browser-support.htm
http://css.maxdesign.com.au/.../browser-support.htm


Gruß Sabine

Hi Sabine,

auch das nützt leider nichts :( - Sobald ich diese Werte entferne wird das Menü auseinandergezogen (nach unten) - einzig allein der Mozilla macht alles richtig.

Hmmmm, schwierig. Ich hätte ja gern ein Bild unter dem Menü gehabt. Aber wenn ich dieses Menü verwenden möchte, werd ich es wohl oder übel weglassen müssen.

Danke für die vielen Links. Von dort hab ich mir das Menue geholt ;)

gruß
grizzli

Juhhhuuu :)

ich hab es. Nun ist IE 5.5 und Mozilla gleich. Ich hab im moment auch nicht mehr Browser drauf. Sabine, wärst Du so lieb würdest Du mal gucken?

Dieser Eintrag bewirkt wunder:
#navcontainer li { margin: 0px; width: 160px;}

gruß
grizzli

Hallo Grizzli, Dein Menü sieht auch in Mozilla Firefox gut aus.
In allen Browsern kleiner als Version 5 sieht es zwar nicht so aus wie Du möchtest,
aber es funktioniert.
Netscape 4 zeigt eine normale Liste, bei IE4 läuft der Text der Listenpunkte über das Listenbild (kleines Quadrat).

Ältere Browser haben noch keine umfassende Unterstützung für CSS2.

Das sieht man auch sehr schön auf dieser Seite:
http://css.maxdesign.com.au/.../browser-support.htm

Gruß Sabine

Vielen lieben Dank Sabine :)

ich denke ich kann das so lassen. Meine Statistik sagt das die Leute beim IE an Version 5 unterwegs sind auch Netscape ab 5 (nur einige wenige mit 4.7) Bei Opera steht keine Version bei ... Was ist Safari?

Hast Du all diese Browser installier? Oder geht das auch anders, diese Kontrolle?

gruß
grizzli

Hallo grizzli,

Safari ist soetwas wie ein Mozilla für den Mac.
Allerdings gibt es da auch verschiedene Versionen.

Hier kannst Du Dir Bildschirmfotos für alle möglichen Browser anfertigen lassen.
Einmal geht das kostenlos:

http://browsercam.com/

Hier gibts ein Bildschirmfoto Deiner Seite im Safari (URL oben eintippen):
http://www.danvine.com/icapture/

Gruß Sabine

supi :) - ich glaub, ich werde mir die häufig benutzten Browser downloaden. Denn dieser Browsercamdienst ist mir zu teuer. Danke für Deine Hilfe :)

Ich hoffe, irgendwann versteh ich das alles ;)

gruß
grizzli