nicht angemeldet
Probleme mit Border-Bottom in IE und Positionierung von Listen
Hallo,
ich habe 2 Fragen zu diesen Stück HTML. Erstmal warum zeigt der IE border-bottom: 1px solid #778; nicht an, bzw wie bekomme ich ihn dazu es zu tun? Und dann habe ich eine Frage zur Positionierung. Die kleinen Navitabs sollen unten an den Div mit dem Text "festkleben". Habe ich da was falsch gemacht (sobald hinter </ul> gar nichts kommt landet es halb im Text des anderen Divs) bzw. wenn ja wie mache ich das besser?
Gruß
Sebastian
<style type="text/css">
#navlist{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}
#navlist li{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a{
padding: 3px 6px 2px 6px;
margin-left: 8px;
background: #DDE;
border-left: 1px solid #778;
border-right: 1px solid #778;
border-bottom: 1px solid #778;
border-top: none;
text-decoration: none;
}
</style>
</head>
<body>
<div style="width=100%;border:1px solid black;">
Texttext
</div>
<div>
<ul id="navlist" style="display:inline;">
<li><a href="">Test1</a></li>
<li><a href="">Test2</a></li>
<li><a href="">Test3</a></li>
</ul>
</div>
-
Hallo,
ich habe 2 Fragen zu diesen Stück HTML. Erstmal warum zeigt der IE border-bottom: 1px solid #778; nicht an,
wegen dem style="display:inline;" in
<ul id="navlist" style="display:inline;">
bzw wie bekomme ich ihn dazu es zu tun?
Nimm es raus, das style="display:inline;" ;-)
Und dann habe ich eine Frage zur Positionierung. Die kleinen Navitabs sollen unten an den Div mit dem Text "festkleben". Habe ich da was falsch gemacht (sobald hinter </ul> gar nichts kommt landet es halb im Text des anderen Divs)
Auch das liegt am
<ul id="navlist" style="display:inline;">
und sollte nun verschwunden sein ;-).bzw. wenn ja wie mache ich das besser?
Dein Problem ist nun der Abstand zwischendem DIV und dem UL. So etwas liegt meist an margin und/oder padding.
Warum setzt Du im CSS von
#navlist{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}nur margin-left auf 0? Was ist mit margin-top?
viele Grüße
Axel
-
Hallo Axel,
vielen Dank für deine Hilfe, das mit dem margin-top habe ich völlig übersehen. Ich glaube daher kamen auch die anderen Probleme.
Nochmal Danke
Sebastian
-