Tabellen nebeneinander

Beitrag von **Michael1967** » 14.07.2007, 10:45

Hallo,
mal eine Frage. Ich möchte die 3 neusten Beiträge (per PHP –Abfrage) auf meiner Seite anzeigen lassen.

Wie bekomme ich per Divs/Css 3 Tabellen waagerecht nebeneinander.

von **Anzeige von ABAKUS** »

Beitrag von **matin** » 14.07.2007, 10:59

mit der "float" angabe im css und die breite (entweder pixel eingeben, oder wie hier per prozent - 33). beim float kannst du auch bei der rechten spalte "right" nehmen. da aber 3 x 33 % nicht genau 100 ergeben, wäre ein kleiner abstand zwischen der mittleren und rechten spalte. so werden die container einfach von links nach rechts aufgefädelt. aufpassen musst du bei prozent angaben dann in kombination mit padding oder margin, denn ie und ff interpretieren das anders und der ff schiebt dann die rechte spalte nach unten ...

Code: Alles auswählen

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>3 Spalten mit div</title>
<style type="text/css">
<!--
#left-col &#123;
	float&#58; left;
	width&#58; 33%;
&#125;
#middle-col &#123;
	float&#58; left;
	width&#58; 33%;
&#125;
#right-col &#123;
	float&#58; left;
	width&#58; 33%;
&#125;
-->
</style>
</head>

<body>
<div id="left-col">links</div>
<div id="middle-col">mitte</div>
<div id="right-col">rechts</div>
</body>

Beitrag von **d0nut** » 14.07.2007, 11:14

da in dem Beispiel alle die selben eigenschaften haben, kannst du die CSS Klasse natürlich auch für alle DIVs verwenden.

Bevor du übrigens in die üblich Falle läufst, hier noch ein Tipp.
Falls nach den 3 DIVs noch weiterer Content folgt, rutscht dieser manchmal noch mit hoch..
ein <br style="clear:both"> hilft da weiter

von **Anzeige von ABAKUS** »

Beitrag von **Michael1967** » 14.07.2007, 11:45

Vielen Dank!

Aber wie läuft das nun mit der PHP-Abfrage? Die 3 neusten Beiträge. Wie bekomme ich das da rein?

Beitrag von **matin** » 14.07.2007, 11:49

kommt auf das script/code drauf an, wie die neuesten 3 beiträge ermittelt werden und vor allem, wie sie derzeit ausgegeben werden ...

Beitrag von **Michael1967** » 14.07.2007, 11:59

So z.B.

Code: Alles auswählen

$result = .......
while&#40;list ........ &#123;
       
echo"$inhalt";
        &#125;

Wie müsste man das mit dem Tabellen oben denn machen?

Beitrag von **matin** » 14.07.2007, 13:30

versuch's mal mit der einfachsten art:

Code: Alles auswählen

$result = .......
while&#40;list ........ &#123;
       
echo"<div class=\"col-33\" style=\"float&#58;left; width&#58;33%\">$inhalt</div>";
        &#125;

hab da die style anweisung direkt zum div gegeben, könnte man auch in die css auslagern (class nehmen, id würde da nicht gehen, da nicht valide)

Beitrag von **Michael1967** » 14.07.2007, 17:38

Vielen Dank für die Hilfe.

Das werde ich mal ausprobieren.