[Sengi]

Hallo...

Ich kann mir denken, dass dieses Thema oft durchgekaut wurde. Dementsprechend habe ich mich ein wenig eingelesen, ein Beispiel genommen. Funktioniert! Aber natürlich nicht wenn ich es benutze...

Also ich hab 3 Divs wo ich Zeug reindresche über PHP und diese sollten nebeneinander erscheinen oder halt wenn der Bildschirm zu klein ist untereinander. Standart soweit. Sollte übers Floating realisierbar sein.
Geht aber irgendwie nicht.

Zu Grunde liegendes Beispiel:
http://xhtmlforum.de/32527-problem-3...tionieren.html

Teil des Html Codes:

<div class="box-table-normal">
<?php feedOut("...");?>	
</div>

<div class="box-table-normal">
<?php Bla!! ?>
</div>

<div class="box-table-normal">
<?php feedOut("...");?>
</div>
<br style="clear: both">

Css (wird aus ner externen Dat gelesen) :

.datum { font-size:11px; font-family:arial; position:relative; }

img { float:left; }

body
{
	line-height: 100%; width:900px;
}



h2 { font-family: georgia; line-height:120%; font-size:120%; }

.text { font-size:12px; font-family:arial; color:#eeeeee; }

a { color:#555555; }

.box-table-normal
{	/* position:relative; */
	display:block;
	font-family: arial;
	font-size: 12px;
	margin: 30px;
	width: 300px;
	border: 1px solid #9baff1;
	margin: 20px;
	padding: 15px;
	float: left;
}

Zwei Boxen werden nebeneinander dargestellt, die dritte kommt unter die erste.

Ich würd halt gern beliebig viele divs benutzen und je nach Auflösung etc... richtet er sie so lange nebeneinander an wie es halt geht. sollte der theorie nach übers floating funktionieren. bin irgendwie ratlos.

hat jemand eventuell einen denkanstoß?

[Crizzo]

width:900px für body. Nimm es mal testweise raus.

Jedes .box-table-normal ist ingesamt 372px breit, dass kann nicht passen. Zudem gibst du zwei mal "margin" an, margin: 20px und margin:30px. Was soll es denn nun sein?

[Sengi]

Ich werd bekloppt
Überhaupt nicht drauf geachtet, verdammt. Super das klappt nun, aber schau dir mal folgendes an:

http://jens-sengenberger.de/

Ich kann mir schon denken worans liegt (unterschiedlichen höhen + floating).
hast du vielleicht nen link oder denkanstoß? weil so sieht das naja elendig aus.

[Crizzo]

Kann ich dir aktuell gar nicht sagen, aber es gibt eine Möglichkeit, ich schau nach Sonnenaufgang nochmal rein.

PS:
[Invalid] Markup Validation of http://jens-sengenberger.de/ - W3C Markup Validator
W3C CSS Validator results for http://jens-sengenberger.de/ (CSS level 2.1)

[philosapiens]

Hi,

ich habe hier letzlich die ultimative Lösung zu diesem Thema gefunden! Die dropbox von Simon Gedit! Einfach mal rumprobieren!