✔ Text ausrichten

[Malaxo]

Wieder mal kom ich mit dem Standart nicht klar.

Im FF so im IE so ach je...

meine Div's

<div id="container">
	<div id="banner"></div>
	<div id="untermenu"></div>
	<div id="titelmenu"></div>
	<div id="titelcontent"></div>
	<div id="menu">
		<ul>
			<li><a href="l">News</a></li>
			<li><a href="l">Incoming</a></li>
		</ul>
	</div>
	<div id="content"></div>
	<div id="clear"></div>
</div>

mein CSS

body {
	font-size: 14px;
	font-family: "Verdana", "Helvetica", sans-serif;
	background-image:url(bg.jpg);
}

div#container {
	margin: 0 auto;
	position: relative;
	width: 933px;
	border: 1px solid;
}

div#banner {
	height: 131px;
    width: 933px;
	padding-bottom: 6px;
    border: 0px;
    background-image: url(03.gif);
	background-repeat: no-repeat;	
}

div#untermenu {
	height: 28px;
    width: 933px;
	padding-bottom: 6px;
    border: 0px;
    background-image: url(05.gif);
	background-repeat: no-repeat;	
}

div#titelmenu {
	height: 28px;
    width: 171px;
	padding-bottom: 6px;
    border: 0px;
    background-image: url(06.gif);
	background-repeat: no-repeat;
	float: left;	
}

div#titelcontent {
	height: 28px;
    width: 748px;
	padding-bottom: 6px;
    border: 0px;
    background-image: url(07.gif);
	background-repeat: no-repeat;
	float: right;	
}

div#menu {
	height: 364px;
    width: 171px;
    border: 0px;
    background-image: url(08.gif);
	background-repeat: no-repeat;
	float: left;
}

div#content {
	height: 364px;
    width: 748px;
    border: 0px;
    background-image: url(09.gif);
	background-repeat: no-repeat;
	float: right;	
}

div#clear {
	clear: both;
}

div#menu ul {
	font-size: 12px;
	list-style-type: none;
}

div#menu li {
	font-size: 12px;
	list-style-type: none;
}

News + Incoming werden im FF mit etwa 4px abstand zum Oberen Menu rand dargestellt wärend im IE 0px sind. Es verschiebt sich ständig dadurch kann ich es nicht ausrichten.

Design ist nicht zu beachten ich bin nur dabei CSS zu lernen und stell mir eigene fallen

Grafik:

 

[Dr Dau]

Hallo!

Versuche es mal so:

div#menu ul {
     font-size: 12px;
     list-style-type: none;
     margin-top: 12px;
}

Evtl. den Wert (margin-top) noch etwas anpassen.

Gruss Dr Dau

 

[Maik]

Vermutlich hängt es damit zusammen, daß die Polsterungseigenschaften der Liste nicht auf null gesetzt sind:

div#menu ul {
         margin-top: 0;
         padding-top: 0;
         font-size: 12px;
         list-style-type: none;
}

 

[Malaxo]

Hey danke viel mals. Hat geklappt, war wohl gestern zu lange dran und habs nicht mehr gesehen.

THX