nicht angemeldet
Bild positionieren - an .container orientieren
Gunnar BittersmannHallo an alle selfHTMLer :)
Leider finde ich für mein spezielles Problem nirgends eine Lösung, ich hoffe ihr könnt mir helfen:
Ich habe auf meiner Seite einen .container mit einer festen Breite eingefügt. Ausserdem habe ich ein header-Bild erstellt mit derselben Breite. Jetzt schaff ich's irgendwie nicht, dass Bild und .container genau übereinander stimmen.
.container {
width: 960px;
height: 600px;
margin: 30px 10% 30px 10%;
background: #C6F;
Das Bild habe ich lediglich mit
<img src="headerneu.gif" />
eingefügt.
Mit align funktioniert es nicht. Gibts hier irgendeinen code oder einen Trick, auf den ich bisher nicht gekommen bin?
Danke schon im Voraus! :)
-
Hallo an alle selfHTMLer :)
.container {
width: 960px;
height: 600px;
margin: 30px 10% 30px 10%;
background: #C6F;Die Angaben zu Breite <960px> und Außenabstand <10%> \*beißen\* sich. Bei mir klappt es in IE, FF und Opera mit folgendem (habe aber gerade nur ein 540px breites Bild zur Hand): ~~~html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> .container { width:540px; height:600px; margin:30px auto; background:#C6F; </style> </head> <body> <div class="container"> <img alt="logo (19K)" src="http://lotharmelching.de/homepage_chor/bilder/chorfotos/logo.jpg" height="360" width="540"> </div> </body> </html>Gruß H.
-
@@morningangel:
nuqneH
Ich habe auf meiner Seite einen .container mit einer festen Breite eingefügt.
Das ist keine gute Idee.
Ein zusätzliches Container-div ist auch in den allermeisten Fällen völlig überflüssig.
Was willst du damit erreichen?
Ausserdem habe ich ein header-Bild erstellt mit derselben Breite.
Dienst das Bild zur Verzierung oder gehört es zum Inhalt?
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)