Zur Navigation

Bilder schieben sich aus dem Inhalt der Seite

1 krieger98

Wenn ich im "<div id="content">" Bilder habe schieben sich diese je nach Höhe über den Seitenrand nach unten. Dies geschieht aber nur dann, wenn die Bilder rechts oder links formatiert werden zum Beispiel mit dem Tag "bild-links-text".
Siehe Beispiel : http://s201291267.online.de/muster-inhalt.htm Wenn die Bilder nicht formatiert werden, passt sich die Seite an.
Woran könnte das liegen?
.bild-links-text {
float: left;
border: 2px solid #000;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

02.03.2016 18:18

2 Jörg

Wenn ein Element floatet, wird dieses nicht mehr vom Elternelement umspannt.

Lösung 1:

du verwendest "text-align: left" statt "float: left"

Lösung 2:

das Elternelement erhält die Eigenschaft "overflow: auto"

#content-bottom {
    overflow: auto;
}

02.03.2016 18:53

3 krieger98

Zitat von Jörg
Wenn ein Element floatet, wird dieses nicht mehr vom Elternelement umspannt.
Lösung 2:
das Elternelement erhält die Eigenschaft "overflow: auto"

#content-bottom {
    overflow: auto;
}

Vielen Dank mit Lösung 2 hat es geklappt.

03.03.2016 10:19

Beitrag schreiben (als Gast)





[BBCode-Hilfe]