Autor |
Nachricht |
JAAHZ
Threadersteller
Dabei seit: 31.01.2005
Ort: Münster
Alter: 40
Geschlecht:
|
Verfasst Mi 27.04.2005 09:02
Titel CSS Listen Menü - komisches Margin |
|
|
hi leute,
ich habe mal eine frage an die anderen nonprintler
ich habe ein css menu gebastelt! läuft auch alles soweit! nur es gibt einen unterchied im internet explorer und im forefox! das margin zum nächsten menupunkt wird von den beiden browsern unteschiedlich interpretiert! hier könnt ihrs sehen:
http://www.jasicho.de/muellner/menu_test.html
hier mal der css code:
Code: |
#navcontainer {
margin-left: 0px;
padding: 0;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
font-family: arial;
}
#navcontainer li {
margin: 1px, 0, 0, 0;
padding: 0;
}
#navcontainer li#active {
margin: 1px;
padding: 0;
}
#navcontainer a {
display: block;
padding: 0px 14px;
margin: 0;
width: 170px;
color: #FEE8C0;
background-color: #A3004E;
text-decoration: none;
border: none;
font-weight: none;
font-size: 12px;
list-style-position: inside;
background-image: url(../_px/pfeil_blank.gif);
background-repeat: no-repeat;
background-position: left top;
font-style: none;
}
#navcontainer a:hover {
display: block;
margin: 0;
padding: 0px 14px;
width: 170px;
color: #FEE8C0;
background-color: #A3004E;
text-decoration: none;
border: none;
font-weight: none;
font-size: 12px;
list-style-position: inside;
background-image: url(../_px/pfeil_orange.gif);
background-repeat: no-repeat;
background-position: left top;
}
#navcontainer li#active a#current,
#navcontainer li#active a:hover#current {
display: block;
margin: 0;
padding: 0px 14px;
width: 170px;
color: #A3004E;
font-style: bold;
background-color: #FCA203;
text-decoration: none;
border: none;
font-weight: bold;
font-size: 12px;
list-style-position: inside;
background-image: url(../_px/pfeil_rot.gif);
background-repeat: no-repeat;
background-position: left top;
}
|
hat einer ne ahnung wie ich das beheben kann (also das die abstände der menüpunkte in beiden bworsersn gleich sind??)
danke und gruß
jan
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mi 27.04.2005 09:17
Titel
|
|
|
Jo, IE interpretiert "anders" (falsch); im gegensatz zu Gecko basierenden Browsern.
Ist aber doch allgemein bekannt. Siehe hier.
|
|
|
|
|
Anzeige
|
|
|
JAAHZ
Threadersteller
Dabei seit: 31.01.2005
Ort: Münster
Alter: 40
Geschlecht:
|
Verfasst Mi 27.04.2005 09:23
Titel
|
|
|
kann man das problem denn irgendwie umschiffen?
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mi 27.04.2005 09:24
Titel
|
|
|
Glas hat geschrieben: | Siehe hier. |
Das ist ein Link
edit:// Kannst Dir natürlich auch ein "eigenes" CSS für den IE machen.
In der Art
Code: | * html #deinDiv { ... } |
Und so weiter.
Zuletzt bearbeitet von Glas am Mi 27.04.2005 09:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2005 09:28
Titel
|
|
|
moved » Allgemeines - Nonprint
|
|
|
|
|
shaly
Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 27.04.2005 09:36
Titel
|
|
|
halt, nein. das kannst du einfacher löser.
das problem ist, dass ie padding und mozilla margin für die einrückung verwendet. (oder umgekehrt )
verwende ein relatives mass, um browserübergreifend einheitlich zu positionieren. ich habe mit margin:0.7em padding 0.7em gute erfahrungen gemacht. denn: 70% von 0 sind 0, gell
ich hatte da mal einen guten link zu, mal sehen, ob ich den noch finde...
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mi 27.04.2005 09:38
Titel
|
|
|
Jau, auch ne Möglichkeit.
Für sowas gibts massig Lösungen.
Deins is halt noch einfacher - grad gar nicht dran gedacht
|
|
|
|
|
JAAHZ
Threadersteller
Dabei seit: 31.01.2005
Ort: Münster
Alter: 40
Geschlecht:
|
Verfasst Mi 27.04.2005 09:58
Titel
|
|
|
ui das hört sich ja schon mal gut an
wenn du den link findest wäre das super!
aber schonmal danke an alle für die mühe!!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hilfe! Probleme mit <li> listen-Menü
Problem mit Listen-Menü (horizontal)
wie erstelle ich diesen menü effekt bzw. das gesammte menü?
komisches JS [solved]
[CSS] Komisches Problem
komisches Dateiformat
|
|