Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 21.01.2007, 01:18
Stadtmensch Stadtmensch ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.07.2006
Ort: Hamburg
Beiträge: 60
Stadtmensch befindet sich auf einem aufstrebenden Ast
Standard Wie Liste am unteren Rand eines div darstellen?

Hallo.

Es geht wieder mal um diese Seite hier: Blubb
Ich möchte, dass die Liste umrandete Liste im Header am unteren Rand des div dargestellt wird. Gleichzeitig soll sie aber mit dem Flash rechts floaten, so wie sie es jetzt schon tut (Aber eben leider nicht am unteren Rand...)

Hier zur Ergänzung noch die relevanten Teile der CSS:
Code:
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;background:#FFF5EB}
p{margin:0 10px 10px;font-size:10px;font-family:Verdana;color:#333333}
a{display:block;color: #981793;padding:10px}
#header ul{float:right}
#header li{float:left;padding-left:20px; border-top:1px solid; border-bottom:1px solid; border-color:#EB6437; list-style-type:none;line-height:1.5;background: #FFFFFF}
#header li.anfang{border-left:1px solid; border-color:#EB6437}
#header li.ende{padding-right:20px; border-right:1px solid; border-color:#EB6437}
#header a{color:#EC6634;text-decoration:none;padding: 0px}
#header{
		background:white;
		background-image:url(img/hintergrund-oben.gif);
		background-repeat:repeat-y;
		border-bottom:1px solid;
		border-color:#EB6437;
		padding:0px;
		margin:0px
		}
...
Und die relevanten Teile der htm:
Code:
...
<div id="container">
	<div id="header">
		<div style="float:right; margin:0px; padding-bottom:0px; height:65px; overflow:hidden">...hier kommt ein flash...</div>
		<ul>
			<li class="anfang"><a href="#">Donald</a></li>
			<li><a href="#">Daisy</a></li>
			<li><a href="#">Micky</a></li>
			<li class="ende"><a href="#">Goofy</a></li>
		</ul>
	<div style="clear:both;"></div>
	</div>
...
Mit Zitat antworten
Sponsored Links