Hallo
Ich habe bereits nach der Lösung des Problems gegoogelt und auch wenn die Frage sicherlich schon nervt und tausend mal gestellt wurde die vorgeschlagenen Lösungen funktionieren bei mir nicht.
Folgendes Problem: ich möchte meinen Blog responsive gestalten und habe ein Problem mit dem Header, dass sich der Eltern div a nicht an der automatischen Höhe des Inhalts (img) anpasst. Dadurch verändert sich das gesamte Layout der Seite, da der div a nur eine Zeile darstellt und dieser Effekt ist nicht erwünscht.
CSS:
HTML:
Würde ich dem div a eine fixe höhe angeben, dann sieht das Gesamtbild bei verkleinertem Fenster falsch aus, da sich dann die Höhe des Headers nicht proportional der Seitenbreite verändert, wie dies das img tut.
Ich habe bereits den Vorschlag mit Float und Clear versucht, hilft meinem Problem leider nicht weiter. Sieht jemand vielleicht einen Fehler in meinem Code und weiß, wie man das Problem lösen kann?
Danke!
Ich habe bereits nach der Lösung des Problems gegoogelt und auch wenn die Frage sicherlich schon nervt und tausend mal gestellt wurde die vorgeschlagenen Lösungen funktionieren bei mir nicht.
Folgendes Problem: ich möchte meinen Blog responsive gestalten und habe ein Problem mit dem Header, dass sich der Eltern div a nicht an der automatischen Höhe des Inhalts (img) anpasst. Dadurch verändert sich das gesamte Layout der Seite, da der div a nur eine Zeile darstellt und dieser Effekt ist nicht erwünscht.
CSS:
HTML:
#a {
position:relative;
max-width:940px;
height:auto;
}
#b {
margin-bottom:7px;
max-width:940px;
height:auto;
}
#b img {
position:absolute;
max-width:100%;
height:auto;
}
HTML:
HTML:
<div id="a">
<div id="b">
<img src="x" alt="Image01" />
<img src="x" alt="Image02" />
</div>
</div>
Würde ich dem div a eine fixe höhe angeben, dann sieht das Gesamtbild bei verkleinertem Fenster falsch aus, da sich dann die Höhe des Headers nicht proportional der Seitenbreite verändert, wie dies das img tut.
Ich habe bereits den Vorschlag mit Float und Clear versucht, hilft meinem Problem leider nicht weiter. Sieht jemand vielleicht einen Fehler in meinem Code und weiß, wie man das Problem lösen kann?
Danke!