Content-Div geht nicht tief genug.

[NewNoise]

[Erledigt] Content-Div geht nicht tief genug.

Hallo,

seit langem mal wieder ein Problem was sich mir partout nicht erschliesst. Auf meiner Seite (http://fjellsmug.com/artists/) wird das Content div nicht bis unten gezogen. Wenn ihr die Seite öffnet seht ihr oben einen grauen Streifen mit etwas weiß drin. Das graue sollte eigentlich hinter dem ganzen Text sein. Mir erschließt sich nicht wo das Problem liegt. Vermutlich an der div-Struktur, aber die ist m.E.n. richtig ...

Vielleicht hat ja einer von Euch eine Idee?

Ich würde mal auf Quelltext anzeigen, bzw. css anzeigen verweisen, da das hier ja sonst genauso unübersichtlich ist, oder soll ich den Code nochmal explizit hier auch reinstellen?

Danke!
noise

 

[kkapsner]

ist zwar jetzt ein unschöner Hack, aber wenn du deinem #content irgendein float gibst, schaut's im FF passabel aus.

Dass Elemente mit float nicht die Höhe des Elternelements bestimmen können finde ich auch irgendwie seltsam, ist aber so...

 

[NewNoise]

mmh. Ich würde schon gerne den Fehler finden.
Irgendwas muss da doch falsch sein, vorher hat er es mir ja auch richtig angezeigt.

Ich stehe nur echt auf dem Schlauch ...

Danke aber schonmal für die Notfalllösung!

noise

 

[kkapsner]

Was hast du denn geändert?

 

[NewNoise]

Ich habe den Inhalt des Content-Div geändert.

Vorher stand da einfach nur ein langer Blindtext drin und der wird jetzt ersetzt durch den von textpattern generierten Inhalt.

Dieser wird nach folgenden Textpattern-Code generiert:

<txp:if_category><div id="article" class="static"><txp:else /><div id="article">
</txp:if_category>
<div id="cover" class="left">
<txp:if_category><h2><sup>Category</sup><txp:category1 title="1" /></h2><txp:else />
<txp:permlink><txp:article_image /></txp:permlink>
<h2><txp:permlink><txp:title /></txp:permlink></h2>
</txp:if_category>
</div>
<div class="right">
<txp:if_category><ul class="recent_articles"><txp:article limit="5" form="articlelist" /></ul><txp:else />
<txp:excerpt /> <txp:permlink class="readon">weitere Informationen</txp:permlink></txp:if_category>
</div></div>

D.h. wenn man die textpattern-Tags entfernt müsste eigentlich Gerüst der folgenden Art eingefügt werden:

<div id="article" class="static"> oder <div id="article">
<div id="cover" class="left">
<h2><sup>Category</sup>Text</h2> oder <img src="artikelBild.jpg" /><h2>Title</h2>
</div>

<div class="right">
<ul class="recent_articles"><txp:article limit="5" form="articlelist" /></ul>
Text
</div>
</div>

Ich kann daran leider nichts ableiten ...

Danke
noise

 

[kkapsner]

Kannst du mal einen Link machen, wie's vorher aussah?

 

[NewNoise]

Na klar: http://newnoise.ne.funpic.de/fjellsmug/

noise

 

[djheke]

Hallo, versuch's mal so

#content {
z-index: 3; /* Kann , muß weg */
margin: 30px 80px 0 80px;
padding: 5px 30px 5px 30px;
background: url(../images/bg.png);
overflow:hidden;
}

mfg
henry

 

[djheke]

Hallo, versuch's mal so

#content {
z-index: 3; /* Kann , muß weg */
margin: 30px 80px 0 80px;
padding: 5px 30px 5px 30px;
background: url(../images/bg.png);
overflow:hidden;
}

mfg
henry

p.s. Deine Links haben keine Linktexte. Vergessen ????

 

[NewNoise]

#content {
z-index: 3; /* Kann , muß weg */
margin: 30px 80px 0 80px;
padding: 5px 30px 5px 30px;
background: url(../images/bg.png);
overflow:hidden;
}

fabelhaft! So geht es! Kannst Du mir eventuell auch noch erklären, was daran jetzt die Darstellung behindert hat?

Die Links sind so noch nicht fertig Das ist noch im Test-Stadium das ganz Dingsi ...

 

[djheke]

Hier etwas Lesestoff http://little-boxes.de/lb1/14.8-methode-3-ohne-float-und-clear-overflow-hidden.html

gruß
henry