nicht angemeldet
hallo ihr!
der code für die liste und das div tag sieht folgend aus. liegt alles in einem div-tag namens "header" drin:
div id="header">
<div id="globi"><img src="globi_claim.gif" alt="relax and enjoy." /></div>
<ul>
<li><a href="#">Home</a></li>
<li id="current"><a href="#">blubb</a></li>
<li><a href="#">Downloads</a></li>
<li><a class="help" href="#">FAQ</a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
die lsite ist so formatiert dass es einer reiter struktur entsprciht (näheres dazu bei alistapart.com)
jetzt will ich beide elemente mit ungefähr 208px abstand vom linken rand aus positionieren. die breite des header tags bzw der lsite sollte dabei möglichst nicht angegeben werden das das komplette design auf skalierbarkeit ausgelegt ist (alle grössen, schriften etc mit em und en)
der abstand von 208px ergibt sich dass genau links von dezu positionierenden elementen eine grafik "drüberliegt"
habs jetzt mit nem span tag probiert:
#links {
position:relative;
left:200px;
/*width:400px;*/
border: 1px solid black;
}
funktioniert leider nciht so wie es wollte. das bild im div wird ordentlich ausgerichtet nur die formatierte liste bleibt an ihrem ort.
hatte es davor mit float: right probiert da kam aber nur müll raus.
davor habe ich versucht in header nen span zu legen mit float-align right. dann wurde aber die lsite falsch gerednert im opera. und so ganz richtig war es niocht weil die lsite rechts umgebrochen wurde.
habt ihr ne nen lösungsvorschlag?
falls noch irgendwas fehlt was ich vergessen haweb anzugeben bitte dazuschreiben.
gruss markus