Irriterande problem med divvar som vägrar ligga på rad i Internet Explorer

Permalänk
Medlem

Irriterande problem med divvar som vägrar ligga på rad i Internet Explorer

Hej

Håller på med en sida där jag nu stött på ett verkligt irriterande problem. Har en header med en div där jag kör ett script som lägger upp thumbnails till "featured posts". Det ska ligga 4 thumbnails på raken, och detta fungerar i alla browsers förutom IE, där lägger sig thumbsen på höjden istället... Blir galen snart.

I exemplet så har jag dock bara två thumbnails, men principen är densamma.

Alla browsers:

IE:

koden för headern ser ut som följer:

<div id="featured"> <div class="popcontainer"> <div class="popthumb"><a href="http://www.com?p=4" title="Ett test"><img width="230" height="150" src="http://www.com/1.jpg" class="attachment-featured-thumbnail wp-post-image" alt="1" title="1" /></a> </div> </div> <div class="popcontainer"> <div class="popthumb"><a href="http://www.com?p=4" title="Ett test"><img width="230" height="150" src="http://www.com/1.jpg" class="attachment-featured-thumbnail wp-post-image" alt="1" title="1" /></a> </div> </div> </div>

och css ser ut såhär:

#featured { border-bottom: 1px solid #C7C7C7; height: 164px; } .popcontainer { margin-left: 21px; padding: 0px; width: 970px; } .popthumb { background: black; float: left; margin: 6px 10px 0px 0px; padding: 1px; width: 230px; }

Vore oerhört tacksam om någon kunde hjälpa mig, för jag tvivlar på min egen förmåga att tänka rakt just nu

Visa signatur
Permalänk

Varför är .popcontainer 970 bred? Totala bredden på sidan ska vara 1940px?

Permalänk

I IE8 funkar det bra för mig. Problemet kanske ligger i class="attachment-featured-thumbnail wp-post-image" som du har img-taggen. Diven popcontainer förekommer två gånger borde finnas en gång med de två pothumb inneslutna.

Ytterligare en ide
Permalänk
Medlem

Sidan är totalt 1000px bred och popcontainer är 970px för att det är vänster och högermarginaler på 15px styck.

Jo, det känner jag med. Men det är featured images scriptet (wordpress plugin) som genererar en ny popcontainer för varje thumb.. Känns ju som att den bara ska generera en för alla thumbs...

gällande class="attachment-featured-thumbnail wp-post-image" så ligger den i functions.php som

add_image_size( 'featured-thumbnail', 230, 150 );

Visa signatur
Permalänk
Medlem

kanske underlättar om ni ser sidan i sin helhet:
Dedikation.se

Visa signatur
Permalänk

Jag ser bara din sneak peak och hittar ingen sida med de tre bliderna du beskrev. Ska jag leta någon annanstans?

Permalänk
Medlem

Om jag förstått dig rätt så är popcontainer container för en enstaka thumb? Du vill ha 4 på raken?

Klipp bredden på popcontainer och sätt left:float på den

ex:

.popcontainer { margin-left: 21px; padding: 0px; float: left; } .popthumb { background: black; margin: 6px 10px 0px 0px; padding: 1px; width: 230px; }

Visa signatur

En Laptop