Brauche Dringend Hilfe - Css Position Funzt Nicht!!!

haibo · 05.08.2005, 11:12

Hallo zusammen

Bin am verzweifeln...kurz davor mein Layout wieder in Tabellen aufzubauen!

Ich möchte, dass meine Linkliste an der genau gleichen Positionhöhe beginnt wie mein Content. Da ich verschiedene line-heights anwenden möchte, verschiebt es die Linkliste immer.

Es sollte in den gängigen Browser funktioneren.

Bitte bitte gebt mir einen Tipp.

<style type="text/css">

</style>
</head>

<body>
<div id="hauptnavi">
<ul style="list-style-type:none">
<li><a href="stoffe.html">Stoffe</a></li>
<li><a href="muster.html">Muster</a></li>
</ul>
</div>

<div id="content">BLA BLA BLA</div>

05.08.2005, 11:42

meun,
ersma empfiehlt es sich, das margin und das padding der liste in #hauptnavi auf null zu setzen.

HTML-Code:

#hauptnavi ul {list-style: none; padding: 0; margin: 0}

da du verschiedene zeilenhöhen verwendest, müsstest du die zeilenhöhe der ersten zeile in #content der zeilenhöhe in der navigation anpassen.

HTML-Code:

#content:first-line {line-height: 2.8em}