✔ Div passt sich nicht Inhaltshöhe an

Zack · 22. Mai 2010

Hallo,
ich habe ein Problem dabei das sich ein Div der Höhe des Inhalts anpasst. Hier mein Code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css">
<style type="text/css">
div#sry_content_center{
    width:975px;
    min-height:400px;
    color:#302f2f;
    padding:10px 10px 10px 15px;
    background-color:#f0f;
}
div#sry_content_left{
    float:left;
    width:670px;
}
div#sry_content_right{
    float:left;
    width:180px;
}
</style>
</head>
<body>
<div id="sry_content_center">
    <div id="sry_content_left">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   <br />
        <br />
        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.   <br />
        <br />
        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.   <br />
        <br />
        Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.   <br />
        <br />
        Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.   <br />
        <br />
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur                
    </div>
    <div id="sry_content_right">

    </div>
    <div class="clear"></div>
</div>
</body>
</html>

Maik · 22. Mai 2010

Hi,

dein Problem hätte sich nach wenigen Minuten von selbst in Luft aufgelöst, und dieses Thema erübrigt, wenn du zuvor einfach erstmal einen Blick in meinen "Sticky-Thread" geworfen hättest, der sich hier im CSS-Forum in der Themenübersicht ganz oben an erster Stelle und direkt unterhalb des "Neues Thema"-Buttons befindet, ob es darin nicht aufgelistet ist.

So blind kann nun wirklich kein Mensch sein, der sich einer gesunden Sehstärke erfreut

Wichtig: CSS - FAQ

Maik @ CSS - FAQ hat gesagt.:
6. Warum passt sich die Boxenhöhe nicht dem Inhalt an?

Aber auch über die funktionstüchtige Suchfunktion des CSS-Forums hättest du hier eine Latte an Themen ausgegraben, die sich in der Vergangenheit mit genau diesem Problem schon beschäftigt haben, und allesamt (von mir) gelöst wurden.

Bei der Häufigkeit, die diese Frage hier in allen nur denkbaren Layout-Variationen aufgetaucht ist, war sie mir vor über zwei Jahren einen Beitrag im "Webmaster-FAQ"-Forum wert, um nicht weiterhin den Sachverhalt jedes Mal auf's Neue erläutern zu müssen, sondern die Nutzer ganz bequem auf meinen Post zu verweisen, wie auch hier in deinem Fall.

[closed]

mfg Maik

✔ Div passt sich nicht Inhaltshöhe an

Zack

cookies vader

Maik

Neue Beiträge