nicht angemeldet
Hi,
sorry, daß ich Dich das letzte mal "Ingor" genannt habe, ich hab mir den Namen falsch gemerkt.
nunja, solange es nicht "Igor" ist..;-)
Genau da liegt der Hund ja wieder begraben. Obige Konstruktion ist wie schon erwähnt Teil eines größeren und kommt auf der besagten Seite mehrmals vor. Ich hab mal einen Screenshot gemacht:
http://harry.ilo.de/temp/sc1.jpg (70k)
Wie Du siehst, sind die Elemente unter einem Textabsatz angeordnet. Packe ich nun die ganze Konstruktion in ein Div, so kann ich nicht mehr mit der absoluten Positionierung arbeiten
Und gerade hierzu brauchst Du nicht eine einzige Angabe zu position, allerdings float und - wie ich als Alternative schon sagte - negative margins:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Float...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {color:black; background:gray; font-size:101% }
#navi { width:10em; float:left; background:silver; }
#inhalt { margin-left:12em; background:white; }
.spezial { border-top:1px dashed black; border-left:1px dashed black; margin-left:15px; padding-left:25px; }
.spezial img { display:block; float:left; width:31px; height:31px; margin:-15px 0 0 -20px; }
html>body .spezial img { margin-left:-40px; }
h2 { font-size: 1.2em; float:left; margin:-25px 0 0 0; }
</style>
</head>
<body>
<div id="navi">Navigation<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="inhalt"><h1>Inhalt</h1>
<br /><br /><br /><br />Text<br /><br /><br />
<div class="spezial"><img src="bild.gif" alt="" />
<h2>Bergtouren</h2>
<p>Text<br />Text<br />Text<br />Text<br />Text</p>
</div>
</div>
</body>
</html>
freundliche Grüße
Ingo