nicht angemeldet
Vertikales Zentrieren - (X)HTML
Hallo
Ich würde gerne von altem HTML auf das zukunftsträchtige (X)HTML mit tabellenlosem Design umsteigen. Leider stehe ich schon am Beginn kräftig an. Ich möchte das Bild in folgendem Beispiel gerne vertikal zentriert zum Text haben. Wie wäre das möglich?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
<!--
#bild {
float: left;
}
#text {
float: left;
width: 400px;
}
-->
</style>
</head>
<body>
<div id="content"><img src="images/dummy.gif" alt="Dummy Bild" width="150" height="109" id="bild" />
<div id="text">
<h1>Titel des Textes</h1>
<p>Ich bin ein Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein:Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde in der Zeitung zu erscheinen. Aber bin ich darum weniger wichtig?</p>
<p>Ich bin ein Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde in der Zeitung zu erscheinen. Aber bin ich darum weniger wichtig?</p>
<p>Ich bin ein Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde in der Zeitung zu erscheinen. Aber bin ich darum weniger wichtig?</p>
</div>
</div>
</body>
</html>
-
Lieber Marc,
ich denke, dass das Bild als Hintergrundbild ganz leicht einbindbar ist:
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Test</title> <style type="text/css">#content { background: url(images/dummy.gif) 15px center no-repeat; } #text { float: left; margin-left: 180px; width: 400px; }</style> </head> <body> <div id="content"> <div id="text"> <h1>Titel des Textes</h1> <p>Ich bin ein Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein:Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde in der Zeitung zu erscheinen. Aber bin ich darum weniger wichtig?</p> <p>Ich bin ein Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde in der Zeitung zu erscheinen. Aber bin ich darum weniger wichtig?</p> <p>Ich bin ein Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde in der Zeitung zu erscheinen. Aber bin ich darum weniger wichtig?</p> </div> </div> </body> </html>Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:) -
Lieber Marc,
brauchtest Du Hilfe? Hatte die Dir gegebene Dein Problem lösen können?
Warum meldest Du Dich nicht mehr? Bist Du tot? Wahrscheinlich nur ein Stoffel... STOFFEL!!!!!
Wozu mache ich mir eigentlich manchmal die Mühe...
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)