Kasten nebeneinander und untereinander

Hallo^^

Ich benutzte diesen Code für einen Kasten:



Text

Aber ich hätte gerne das drei nebeneinander stehen und unten noch mal drei. Es soll so wie eine Tabelle aussehen mit 2 Zeilen und 3 Spalten. Nur habe ich mit einer Tabelle echte Probleme :oops:
Und wenn ich den Code ohne Leerzeichen doppelt einfügen stehen die Kästen trotzdem untereinander und nebendran :frowning:

Kann mir jemand da bitte helfen?

Gib ihnen ein

float: left;

und cleare nach der dritten Box, z.B. mit

<div style="clear: both;"><!--Clear-Div--></div>

Klappt irgendwie trotzdem nicht :frowning:
Habe es mit Frontpage versucht…

Der eingesetzte Editor ist irrelevant. „Klappt nicht“ ist keine hilfreiche Fehlerbeschreibung.

Hallo.

Gib uns bitte deinen jetzigen Code, damit wir sehen können was du falsch gemacht hast.

Gruss
Elroy

So sieht der aus:



Text



Text



Text



Text

Also mit „klappt nicht“ meine ich, dass die Kasten nicht nebeneinander angezeigt werden, und auch weiß ich nicht genau wo man den Code einsetzten soll…

@ngoci

Du hast im Style-Attribut deiner DIV-Container ja auch nirgends das dir bereits empfohlene float: left; untergebracht.

Auch wenn ich den Rest des Codes mal unangetastet lasse, könnte er in etwa so aussehen:



Text



Text



Text



Text

Es passiert trotzdem nicht. Die Kasten sind und bleiben unteinander…
Ich mache das mit Frontpage und kann in der „Vorschau“ keine Veränderungen erkennen :frowning:

Wenn man alle „Kästen“ nach links floatet, werden sie auch immer untereinander bleiben. Du musst den einen nach rechts und den anderen nach links.

Und btw: Lagere deine Stylesheets doch aus, so verstehe ich es, wenn du dich nicht mehr auskennst…

Wenn man alle „Kästen“ nach links floatet, werden sie auch immer untereinander bleiben.

Das ist bei mir aber anders. Hier mal ein kleines Beispiel:

[CODE]

Beispiel Floatboxen div.floatbox { float:left; padding:30px; border:1px solid #000000; margin-right:10px; }
Box 1
Box 2
Box 3
[/CODE]

Aber das mit dem Auslagern des CSS-Codes ist auf jeden Fall eine gute Idee {click}. Aber vermutlich alleine mit Frontpage und ohne wirkliche Eingriffe in den Code auch etwas schwierig.

Das ist, weil du keine Breite definierst. Aber es stimmt schon, man kann auch nur mit float: left die Boxen so anordnen, wie vom Threadersteller gewollt.
Allerdings stimmt wahrscheinlich etwas mit den Breiten nicht.

Also die Breite stimmt schon. Also die ist schon im Code drin…

Also dieser Code kann ich in Frontpage sehen, und die Kasten sind auch nebeneinander^^
Nur ich hätte es gerne mit dem Code, den ich gepostet habe, wenn möglich^^

Ach ok ich habe es in Frontpage gesehen. Doch die Kasten sind dann leicht verschoben auch wenn sie nebeneinander sind. Ein Screen: (zum Vergrößern einfach drauf klicken) http://www5.pic-upload.de/thumb/03.01.11/f9kok8vnr5pu.png

Kann mir denn niemand helfen :frowning:

Woran scheitert es denn? Du hast ja jetzt einen Beispielcode, der funktioniert. Ändere ihn doch einfach so um, dass er für dich passt…

Ach ok ich habe es in Frontpage gesehen. Doch die Kasten sind dann leicht verschoben auch wenn sie nebeneinander sind. Ein Screen:

Entferne doch einfach mal die Zeilenumbrüche…

[B]<br>[/B]<div style="overflow:left; width:350px; height:250px; padding:0px; border:4px Randfarbe solid; background-image:url(Link); background-repeat:repeat; background-attachment:fixed; color: #ffffff;"><br><font color="Schriftfarbe"> Text </font></div> [B]<br>[/B]<div style="overflow:left; width:350px; height:250px; padding:0px; border:4px Randfarbe solid; background-image:url(Link); background-repeat:repeat; background-attachment:fixed; color: #ffffff;"><br><font color="Schriftfarbe"> Text </font></div> [B]<br>[/B]<div style="overflow:left; width:350px; height:250px; padding:0px; border:4px Randfarbe solid; background-image:url(Link); background-repeat:repeat; background-attachment:fixed; color: #ffffff;"><br><font color="Schriftfarbe"> Text </font></div>

Vermutlich sind sie dann horizontal auf einer Ebene.

ok hat geklappt die Seitenumbrüche weg zu lassen. Aber der zweite Kaste der unten ist…möchte ich gerne noch ein Stück nach oben.
Außerdem hätte ich gerne drei Kasten unten, nicht nur einen…

Schau’ Dich am besten mal auf DIESER SEITE etwas um.

Ok habe es hinbekommen^^
Nur der Abstand in der Mitte zwischen den beiden Kasten gefallen mir nicht und die wollen nicht in der Mitte stehen! Obwohl ich „center“ eingegeben habe >.<

Versuch´s mal mit margin: 0 auto;
Da center veraltet ist, kann es sein, dass es nicht richtig interpretiert wird.