Bilder fließen aus dem Rahmen

Hallo!

Habe gerade ein ganz eigenartiges Problem (finde ich).

Ich habe eine css gemacht: (bringe hier nur die relevanten Sachen )
- sie ist im Anschluß unten zu sehen.

Wenn ich nun Bilder integriere, kann es mir passieren, daß sie am unteren Rand meiner Inhalts-Box herausfließen, wie auf dem Bild zu sehen ist (Anhang).

Ich habe schon alles mögliche versucht, bringe das Bild aber nicht dazu, im Rahmen zu bleiben.

Kann mir jemand helfen?

Danke

/* DATEI: labyrinth.css */

body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black;
background:url(pics/hintergrund.jpg); background-repeat:no-repeat; background-attachment:fixed;
background-position: left
min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */

}

html {
padding: 0;
}

body {
margin: 0;
margin-right: 0.5em;
padding: 0;
}

/* für feste Kopfzeile */

#fixiertkopf {
position: absolute;
top: 0.1em; left: 0em;
width: 97%;
font-size: 1.5em;
color: #FFFFFF;
margin: 0.5em; padding: 0.3em;
text-align: center;
background-color:#0000BF;
border: 2px ridge gray;
font-weight:bold;
}

html>body #fixiertkopf { /* nur fuer moderne Browser! */
position: fixed;
}

#kopfzeile {
font-size: 1em;
margin: 0 0 1.2em; padding: 0;
}

/* für Textinhalt */

#Inhalt {
margin-left: 17em;
padding: 0 1em;
border-left: 2px ridge gray; border-top: 2px ridge gray; border-right: 2px ridge gray; border-bottom: 2px ridge gray;
background-color: papayawhip;
background-repeat: repeat; background-attachment:fixed; background-position:center
}

* #Inhalt { /* versteckt vor Netscape 4 */
margin-left: 17em;
padding: 0 1em;
border-left: 2px ridge gray; border-top: 2px ridge gray; border-right: 2px ridge gray; border-bottom: 2px ridge gray;
background-color: papayawhip;
background-repeat: repeat; background-attachment:fixed; background-position:center
}

#Inhalt h2 {
font-size: 1.2em;
margin: 2em 5% 2em;
color: maroon;
border-bottom: 1px solid silver;
}

#Inhalt p {
font-size: 1,5em;
margin: 1em 0.5em;
text-align:justify;
color: maroon;
}

#Inhalt #Fusszeile {
font-size: 0.9em;
margin: 8em 0 5 0;
padding: 0.1em;
text-align: center;
background-color: #FFFFFF; border: 1px solid silver;
}

h1 {
font-size: 1.5em;
color: maroon;
margin: 0.5em; padding: 0.3em;
text-align: center;
background-color: #FFFFFF;
border: 2px ridge gray;
}

h5 {
font-size: 1.5em;
margin: 0.5em; padding: 1em;
text-align: center;
background-color: #white;
border: none;
}

Hallo sejuma!

Das läßt sich machen!

http://maerkreis.ma.ohost.de/

Danke

Hallo!

Na, das kann ja ein ganz nützliches Tool sein (auch wenn ich keine Ahnung habe, was ihm an <id="kopfzeile"> nicht gefällt). Aber leider nicht bei meinem Problem. Habe jetzt die Sachen verbessert (und noch einen weiteren Fehler gefunden) aber keine Veränderung. Scheint ein hartnäckiges Biest zu sein, dieser Fehler.

Interessant finde ich, daß es nur Probleme mit dem unteren Rand gibt, daß aber die linke Begrenzung akzeptiert wird. Ich habe es auch schon mit einem #Inhalt #bild { Teil probiert. Weiß aber nicht recht, was ich da reinschreiben soll, damit es funzt. Komisch, der Text fließt ja auch nicht raus.

archaja

Na, na, mal ganz sachte. Wie Dir vielleicht auch aufgefallen ist, zeigt er jetzt andere Fehler an. plötzlich gefällt ihm das l in align=left nicht und die 1 bei vspace. Bißchen komisch. Und helfen tun die Korrekturen auch nicht.

Yeah, das funktioniert. Ich hab jetzt auf die Schnelle nur gesehen, daß Du in der css Datei oben "@charset "utf-8";" eingesetzt hast. Das kenne ich noch nicht, werde mich mal damit beschäftigen.

Jedenfalls erst mal vielen Dank für die Hilfe!!!