Antworten zum Thema „div Höhe dynamsich nach Inhalt anpassen“

[wusel81]

Hallo zusammen,

ich möchte gern in verschachtelten divs die Höhe eines divs dynamisch in der Höhe anpassen. Je nachdem wieviel Text drinn steht. Komme da nicht so recht weiter...

zu Sehen hier:


Es geht um die unteren Blöcke mit den Posts. Da sieht man ja, dass die blaue Überschrift in den Text hineinragt. Dieser div mit dem Titel soll sich automatisch vergrößern oder verkleinern.

Hat da jemand eine Idee?

 

[Nighteyess]

AW: div Höhe dynamsich nach Inhalt anpassen

Eine Div Box anlegen und dann mit <p>Hier ist dein Text</p> füllen.
Gibst im CSS noch vorher die Breite an dann ist gut

 

[wusel81]

AW: div Höhe dynamsich nach Inhalt anpassen

???
Hast Du dir das auf der Seite mal mitm Firebug angeschaut? wenns so einfach wäre wärs ja schön...

 

[Nighteyess]

AW: div Höhe dynamsich nach Inhalt anpassen

Nicht mit dem Fireburg aber chrome entwickler tools Und wenn du es dir genau anschaust dann weißt du wie du es nachbauen kannst

 

[wusel81]

AW: div Höhe dynamsich nach Inhalt anpassen

Ja ich versteh aber nicht was das <p> bringen soll?
Dadurch passt sich doch dei Höhe des Divs und der umliegenden Divs nicht an?

 

[rafoldi]

AW: div Höhe dynamsich nach Inhalt anpassen

Das <P> ist nicht ausschlaggebend, lasse doch die Höhen Angabe einfach weg.
Wenn Du die Angabe drinnen lässt und mit <p>arbeitest. Hast Du eine Box in der die Grenzen Überschrieben werden.
Kannst Du Dir sichtbar machen wenn du die Umrandung einschaltest.

 

[Nighteyess]

AW: div Höhe dynamsich nach Inhalt anpassen

Ich gebe dafür meinen Div Boxen statt einer Umrandung einen Hintergrund
So kann man es ziemlich gut testen :
Solltest du nicht weiterkommen einfach fragen dann setz ich mich heute Abend mal hin und schreib ein Beispiel

 

[cythux]

AW: div Höhe dynamsich nach Inhalt anpassen

Chrome Entwicklertools zeigt mir noch mehr fehler an als diesen
eventuell liegt es daran

 

[Nighteyess]

AW: div Höhe dynamsich nach Inhalt anpassen

Welche Fehler cythux?

 

[cythux]

AW: div Höhe dynamsich nach Inhalt anpassen

Hier diese im Screenshot

 

[Raphale]

AW: div Höhe dynamsich nach Inhalt anpassen

Hi,
ich glaube hier bedarf es noch mehr Aufklärung über dein Vorhaben

oder du meinst tatsächlich einen Befehl der dafür sorgen soll, das sich der Div an der Höhe des darinliegenden P-Tag anpasst... Das würde das Standard verhalten eines Eltern-Elementes beschreiben

Brauchst du nen Abstand von dem Inhalt zum Div ? dann nimm "Padding" (so wie es jetzt aussieht scheinen die .entry-summary p-Tags sowieso ein bissal vertragen) .

LG & Frohes Schaffen

 

[wusel81]

AW: div Höhe dynamsich nach Inhalt anpassen

Sehe keinen Screenshot.
Hab jetzt einfach die Höhenangabe rausgenommen und nu geht's.- Auch ohne <p>

 

[Nighteyess]

AW: div Höhe dynamsich nach Inhalt anpassen

Rafoldi sagte bereits das du die Höhe weglassen sollst
Und wenn du das P Tag raus nimmst wie definierst du dann in einem DIV Box liegenden Text?

 

[wusel81]

AW: div Höhe dynamsich nach Inhalt anpassen

Das ganze sieht jetzt so aus:
<div id="titel">
<h2 class="entry-title">
<a rel="bookmark" title="Permalink to WordPress study on trends and high vibes SUPER LANGER TITEL HIER" href="http://link.de">
<span>WordPress study on trends and high vibes SUPER LANGER TITEL HIER</span>
</a>
</h2>
</div>

css:
#titel {
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 100%;
}