hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
grizzlibaer
Beiträge: 15
17. Mär 2004, 17:05
Beitrag #1 von 12
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
Top
 
X
SabineP  M 
Beiträge: 7586
17. Mär 2004, 17:21
Beitrag #2 von 12
Beitrag ID: #75510
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
grizzlibaer
Beiträge: 15
17. Mär 2004, 17:33
Beitrag #3 von 12
Beitrag ID: #75515
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
SabineP  M 
Beiträge: 7586
17. Mär 2004, 18:15
Beitrag #4 von 12
Beitrag ID: #75521
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


grizzli, um welche Seite geht es denn? URL?
Gruß Sabine
als Antwort auf: [#75507] Top
 
grizzlibaer
Beiträge: 15
17. Mär 2004, 18:33
Beitrag #5 von 12
Beitrag ID: #75524
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
SabineP  M 
Beiträge: 7586
17. Mär 2004, 21:09
Beitrag #6 von 12
Beitrag ID: #75534
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
grizzlibaer
Beiträge: 15
18. Mär 2004, 20:27
Beitrag #7 von 12
Beitrag ID: #75706
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
grizzlibaer
Beiträge: 15
18. Mär 2004, 20:58
Beitrag #8 von 12
Beitrag ID: #75714
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
SabineP  M 
Beiträge: 7586
19. Mär 2004, 09:24
Beitrag #9 von 12
Beitrag ID: #75757
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507]
(Dieser Beitrag wurde von SabineP am 19. Mär 2004, 09:25 geändert)
Top
 
grizzlibaer
Beiträge: 15
19. Mär 2004, 16:23
Beitrag #10 von 12
Beitrag ID: #75893
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
SabineP  M 
Beiträge: 7586
19. Mär 2004, 16:41
Beitrag #11 von 12
Beitrag ID: #75896
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
grizzlibaer
Beiträge: 15
19. Mär 2004, 18:28
Beitrag #12 von 12
Beitrag ID: #75909
Bewertung:
(1868 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS und Mozilla-Darstellung


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
als Antwort auf: [#75507] Top
 
X