zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ul in div verhält sich irgendwie nicht so wie es sollte

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.09.2009, 16:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2005
Beiträge: 2
nostra befindet sich auf einem aufstrebenden Ast
Standard ul in div verhält sich irgendwie nicht so wie es sollte

hey,

um es gleich auf den punkt zu bringen ich habe ein UL - Div Problem bei dem mir nicht klar ist warum sich der div der sozusagen "leer" ist so verhält;

Beispiel:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta name="language" content="de" />
	<meta name="robots" content="INDEX,FOLLOW" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="description" content="" />		
	<meta name="keywords" content="" />
	<style type="text/css">
		html,body,p,ul,div
		{
			margin:0;
			padding:0;
		}
		
		body
		{
			background:#a70b16;
		}
		
		ul{
			list-style-type:none;
		}
		
		#main_page
		{
			min-height:548px;
			padding:22px 0px 0px 0px;
		}
		#content_body
		{
			width:803px;
			min-height:548px;
			margin:0 auto;
			border:0px solid black;
			z-index:1;
			background:#fff;
		}
		#nav_top
		{
			width:803px;
			height:80px;
			margin:125px 0px 0px 0px;
			background:#adadad;
		}
		#nav_top li
		{
			float:left;
		}
		
	</style>
</head>
<body>
<div id="main_page">
	<div id="content_body">
		<div id="header">&nbsp;
			<ul id="nav_top">
				<li><a href="/"><span>bla</span></a></li>
				<li><a href=""><span>blabla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>blabla</span></a></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>
Die UL hat einen margin-top Wert von 125px und verhält sich richtig in dem sie sich 125 px unter den Text richtet;

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta name="language" content="de" />
	<meta name="robots" content="INDEX,FOLLOW" />
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="description" content="" />		
	<meta name="keywords" content="" />
	<style type="text/css">
		html,body,p,ul,div
		{
			margin:0;
			padding:0;
		}
		
		body
		{
			background:#a70b16;
		}
		
		ul{
			list-style-type:none;
		}
		
		#main_page
		{
			min-height:548px;
			padding:22px 0px 0px 0px;
		}
		#content_body
		{
			width:803px;
			min-height:548px;
			margin:0 auto;
			border:0px solid black;
			z-index:1;
			background:#fff;
		}
		#nav_top
		{
			width:803px;
			height:80px;
			margin:125px 0px 0px 0px;
			background:#adadad;
		}
		#nav_top li
		{
			float:left;
		}
	</style>
</head>
<body>
<div id="main_page">
	<div id="content_body">
		<div id="header">
			<ul id="nav_top">
				<li><a href="/"><span>bla</span></a></li>
				<li><a href=""><span>blabla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>bla</span></a></li>
				<li><a href=""><span>blabla</span></a></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>
Hier ist dasselbe Beispiel nur in dem Fall ohne dem "non breaking space" ich hätte allerdings erwartet dass sich die ul ebenfalls 125px nach unten verschiebt während der übergeordnete div sich so verhält wie im Beispiel oben - tut er aber nicht.
Weder IE8 noch FF 3.5 zeigen das "korrekt" an sehr wohl aber IE7, was mich vermuten lässt dass ich hier einen Fehler habe - aber ich sehe nicht welchen.

Hat einer von euch eine Ahnung was das sein könnte ?

danke für die Antworten
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.09.2009, 16:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Collapsing Margins (Google weiß viel dazu)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:39 Uhr.