XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   DIV Cont. und 1 Bild - Lücke unten - Bitte um Hilfe (http://xhtmlforum.de/showthread.php?t=36742)

Yukonman 05.09.2005 00:10

DIV Cont. und 1 Bild - Lücke unten - Bitte um Hilfe
 
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

fricca 05.09.2005 01:04

seltsame Lücken

Abhilfe z.B.:
#top_image img {vertical-align:bottom;}

Aber: ein Bild braucht eigentlich kein div außenrum...

BTW: den alt-Text nicht vergessen...

Grüße
fricca

Yukonman 05.09.2005 01:49

Herzlichen Dank Fricca - funktioniert super!! Da hätte ich noch Stunden basteln können und wäre ich nie drauf gekommen ...

Das Bild ist nur deshalb in einem DIV untergebracht weil oben drüber ein anderer DIV Container mit der Navigation und unten drunter der Body mit Subnavigationsmenu und Contentbereich ist und alles schwarz umrandet sein soll ...

Ich hatte es der Einfachheitshalber alles bis auf das Bild rausgelöscht und die CSS Passagen reinkopiert.

Der Link ist sehr interessant ...

Vielen Dank - noch einmal!

Gute Nacht.
Yukonman


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:30 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023