Hallo zusammen,
ich arbeite das erste Mal mit CSS und es klappt eigentlich alles ganz gut.
Das einzige Problem was ich habe, ist ein Bild, was in einem eigenen DIV Container untergebracht ist und über die ganze Breite geht.
Es ist immer Platz zwischen dem Bild und dem unteren border-bottom (mit rot verdeutlicht).
Ich weiß einfach nicht wie ich es weg bekomme. Vermutlich ist es sehr einfach - aber ich habe jetzt schon Stunden damit zugebracht und sehe kein Licht am Ende des Tunnels.
Anbei der Code:
PS: wenn ich z.B. für den Container die exakte Höhe (168px)angebe, funktioniert das zwar im FF aber nicht im IE. Außerdem möchte ich für unterschiedliche Seiten unterchiedliche Bilder nehmen, die manchmal verschieden hoch sind womit die Höhe variabel bleiben muss.
Für einen Tipp wäre ich sehr dankbar!!!
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css"><!--
html {
height: 100%;
}
body {
padding:0%;
margin:0%;
height: 100%;
background-color: #99BED5;
}
/* Container für Foto mit Logo */
#top_image {
width:950px;
height:auto;
padding:0px;
border:1px solid #000000;
background-color:#FF0000;
margin:0px;
}
img
{
border:0;
}
//--></style>
<title>Bild</Title>
</head>
<body>
<div style="width:950px;margin:0px auto;padding:0px;border:0px">
<div id="top_image">
[img]bild.jpg[/img]
</div>
</div>
</body>
</html>
Herzlichen Dank
Yukonman