Posts statt untereinander-> nebeneinander anzeigen lassen wie?

musti1989

hey leute ich hab ein problem ich versuche seit einiger Zeit etwas aber irgentwie klappt das nicht ich komme nicht mehr weiter. Unswar das Problem ist folgendes ich habe hier postboxen angelegt unswar für die archive.php -> Wordpress

das Sieht folgendermaßen aus:
http://www.kalitelidizi.net.tc/?cat=3

Aber mein Problem ist, egal wie klein ich die boxen mache, die Posts werden untereinander angeordnet. Habe auch schon versucht an den float#s zu basteln meistens führt das zu fehlern. Weis jemand wie ich das hinbekommen kann?

driver

HTML

<div id="contentwrapper">
<h2 class="pageTitle">Kurtlar Vadisi Pusu</h2>
<div class="topPost"></div>
<div class="cleared"/>
<br/>


<div class="topPost">
<div id="product-box">
<div id="product-boxtitle"></div>
<p> </p>
<div id="product-boxf"></div>
<div id="product-boxtitle"></div>
</div>
</div>
<div class="cleared"/>
<br/>
</div>

Alles anzeigen

das ist dein quelltext. der zeilenumbruch kommt durch das <br/> zustande...
machs raus, werden se hintereinander angezeigt...

musti1989

Habe versucht überall bei .topPost{float:left;} einzufügen aber hatt nix bewirkt!

Jericho

Vielleicht weil das Block Elemente sind und deswegen 100% Breite haben? Definiere eine Feste Breite für die Elemente, dann müsste es gehen

musti1989

So habe jetzt das vergessene <br/> weggemacht vielen dank. und .topPost eine festen width=260px; wert eingefügt aba geht immer noch nicht...seit ihr sicher das ich nicht etwas an der float ändern muss habe da so paar artikel gelesen das man das alles nach links floaten soll`?

Jericho

Ja alles nach Links floaten und wenn kein Platz mehr für das nächste Element ist, rutscht es in die nächste Zeile

driver

du clearst zu früh. cleare erst, wenn alle container abgearbeitet sind !
also alle <div class="cleared"/> entfernen bis auf des ganz letzte

musti1989

So habe jetzt alles was mit .topPost zutun hat nach links gefloatet. Und habe die Box verkleinert damit man auch genau sieht das es immernoch nicht nebeneinander ist da ist noch genung platz...klappt immernoch nicht

musti1989

es lag an dem clear hatt geklappt dankeschän driver

Jericho

Ein Clear nach allen Boxen, dann biste auf dem richtigen Weg. In dem du nach jeder Box clearst, machst du das Float von den Boxen wieder rückgängig.

driver

@ musti

benutze bitte die editfunktionen bei beiträgen die zeitlich kurz hintereinander liegen.
den button dazu findest in jedem post rechts unten

Tags