Schicht nicht auf der Höhe des Bildes enthält strecken

Question

Siehe http://www.martenminkema.nl

Die Schichten jeden Eintrag nur die Höhe des Textes gewinnen, die es enthält. Die Höhe des Bildes wird nicht berücksichtigt, was in Schwierigkeiten mit einigem Layout-Markup in einigen Fällen.

html:

<div id="entry-296" class="hentry entry gedachten">
<a href="http://www.martenminkema.nl/gedachten/2009/06/autobahnbar-1.html" rel="bookmark"><span class="date">12.06.09</span></a><h2 class="entry-title"><a href="http://www.martenminkema.nl/gedachten/2009/06/autobahnbar-1.html" title="Geplaatst onder Gedachten op 12 juni 2009 23:32 in de categorie(&euml;n): buitenland, met de volgende tags: berlijn">Autobahnbär</a></h2><div class="icoontje" title="Gedachten"><div class="linkwrapper transparent"><a href="http://www.martenminkema.nl/gedachten/2009/06/autobahnbar-1.html" class="clickable">&nbsp;</a></div></div>
<div class="entry-content">
<a href="http://www.martenminkema.nl/gedachten/Afbeeldingen/Autobahnb%C3%A4r-in-Berlijn.jpg" rel="lightbox" title="Beer aan de snelweg in Berlijn (foto: M. Minkema)"><img src="http://www.martenminkema.nl/gedachten/assets_c/2009/06/Autobahnbär-in-Berlijn-thumb-150xauto.jpg" width="150" height="112" alt="" class="icoon"/></a>
Beer met uitzicht, Tierpark Berlin op een vroege ochtend.</div>
</div>

CSS:

div.entry {
clear: both;
display: block;
font-size: 12px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
text-align: left;
width: 350px;
}

a[rel='lightbox'] {
color: black;
cursor: auto;
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 200px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
width: 150px;
}

Der Leuchtkasten Link enthält das Bild. Die Bildhöhe wird in den HTML-Code gegeben, aber nach meiner Safari webdevelopment Tools, wird der Leuchtkasten Link, um die Höhe des Bildes nicht gewinnen, dazu führt, dass die div.entry Schicht wird nur die Höhe des Textes und der Bildhöhe isn ‚t berücksichtigt wird.

Jede Lösung das?

Danke!

Answer 1

gibt den div Überlauf. Versteckt und sicherstellen, dass die DIV eine Breite

Answer 2

Ihre Frage ist ein wenig unklar, aber aus Erfahrung sammeln Sie haben ein Bild in Ihrem DIV, die nach links schwimmen.

Sie können eine populäre Technik verwenden, um die clearfix genannte äußere DIV, um sicherzustellen, die gleiche Höhe wie der Text und das Bild in seinem Inneren.

an der Stelle der Suche Sie erwähnen, können Sie dies wie folgt zu lösen (man beachte ich die „clearfix“ Klasse hinzugefügt):

<div class="entry-content clearfix">
<a href="...">
<img class="icoon" width="150" height="147" alt="" src="..."/>
</a>
Sommige verkeersborden krijgen een totaal andere lading als je ze een stukje kantelt.
</div>

Der clearfix CSS-Code und ein Artikel, der das Problem erklärt sind hier zu finden:

http://www.positioniseverything.net/easyclearing.html