• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

nicht erwünschter Abstand bei ul/li

H

Herr-Vorragend

Guest
Hi,

http://www.michaelholzhauser.de/v3/

Schaut euch das mal bitte an. Im IE sieht es so aus, wie ich es möchte. Im Firefox jedoch ist in der Linkleiste zwischen dem Untermenü und dem Element darüber kein Abstand, ich will jedoch einen von 10px. Ich verstehe jedoch das Verhalten des Firefox eher als das des IE, da ich für das Untermenü padding-top auf 0 gesetzt habe (ul.linklist ul). Wenn ich es auf 10px setze, sieht es im Firefox so aus, wie ich es haben möchte, im IE ist dann jedoch ein Abstand von ca. 20px, was ich absolut nicht möchte.
Ich hoffe ihr wisst was ich meine, ich will einfach in beiden Browsern einen Abstand von 10px zwischen dem Untermenü und dem Link mit dem Namen "Über mich".

Vielen Dank,
Herr-Vorragend
 
Mir fällt da jetzt auf die Schnelle nur ein Hack ein:
Code: 
ul.linklist ul
{
	padding-right: 0px;
	padding-left: 20px;
	[B]_padding-bottom: 10px;[/B]
	margin: 0px;
}
 
Aaah, jetzt habe ich erst die Frage begriffen... :rolleyes:
ul.linklist ul
{
padding-right: 0px;
padding-left: 20px;
padding-bottom: 10px;
padding-top: 10px;
margin: 0px;
}
Zum Vergrößern anklicken....
Ich habe das andersrum verstanden, das nämlich der untere Abstand nicht passt...

Um das Ganze allerdings kürzer zu machen,
würde ich folgende Schreibweise empfehlen:
Code: 
ul.linklist ul
{
        padding:10px 0px 10px 20px;
	margin: 0px;
}
Dabei ist wichtig, das die Reihenfolge eingehalten wird.
Es beginnt mit top, geht über right und bottom weiter und hört bei left auf.

Ich kann jetzt leider kein verlässliches Statement zum IE abgeben,
weil ich keinen habe um das zu testen...
 
Ne das hab ich ja auch schon ausprobiert, im Firefox sieht es dann wunderbar aus, im IE ist der Abstand dann aber etwa 20px anstelle von 10px, warum auch immer. D.h. zu padding-top wird an dieser Stelle immer 10px hinzuaddiert, im IE.
 
Kniffliges Ding...ich liebe das!
Hast Du das mal probiert:
Code: 
ul.linklist ul
{      _padding-top: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin: 0px;
}
 
Da erscheint im IE immernoch ein Abstand von ungefähr 20px...:-/
 
Wäre das hier für Dich akzeptabel?
Kann leider nicht testen, wie's im IE aussieht...
Code: 
ul.linklist ul
{
padding:10px 0px 10px 20px;
margin: 0px;
}
 
Hmm ist ja es gleiche wie wir davor schon hatten. Wie gesagt ist im IE dann eben oben ein Abstand von 20px, warum auch immer, und das stört mich schon :(
 
Sonst keine Idee? Ist ja eigentlich net normal, dass da die 10px im IE immer dazuaddiert werden, oder? Und was macht man mit jenem hack?
 
Es gibt zwei Möglichkeiten, einen Hack zu benutzen.
Entweder schließt man den zu hackenden Browser aus oder man spricht ihn explizit an.
Du kannst ja mal Verschiedene ausprobieren, vielleicht ist ja das Erfolgsrezept dabei.

Der !important-'Hack':
Code: 
ul.linklist ul
{
  padding:0px 0px 10px 20px !important;
  padding:10px 0px 10px 20px;
  margin: 0px;
}
Der Unterstrich-'Hack':
Code: 
ul.linklist ul
{
  padding:10px 0px 10px 20px;
  _padding:0px 0px 10px 20px;
  margin: 0px;
}
Conditional Comments:
Code: 
<!--[if IE 6]>
  <style type="text/css">
    padding:0px 0px 10px 20px;
  </style>
<![endif]-->
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben