[Party]

hallo leute ich habe eine kleine frage bezüglich zu einem 3 spalten layout das ganze soll einfach nebeneinander floaten. macht es auch schon supper.

mein problem ist jetzt wenn ich den browser kleiner mache (in der breite) dann schiebt es mir die 3te box unter die 1,2 im FF. ich möchte aber das es mir da garnichts verschiebt sondern nur so stehen bleibt wie die 1,2.

im IE6 verschiebt es mir frisch gleich die 3te unter die 2te und diese dann unter die 1te. gibt es da eine lösung damit es mir das ganze nicht verschiebt?

oder muss ich da (ich mag sie nicht) auf ein 3 spalten tabellen layout zurückgreifen?


vielen dank für euere bemühungen freu mich schon auf eine antwort

[MezzoX]

das ganze is mit CSS kein problem, nur verstehen ie6 und neuere Browser breiten und abstände anders, wodurch du meitens kleine extra anpassungen für den ie6 brauchst.
poste deinen code ma hier oder lads irgendwo hoch, dann helfen wir dir auch
ansonsten musst du nur beim 2. Div ein margin-left (denk ma du floatetst nach links) setzen, das so groß wie das erste DIv is usw.

[Party]

aha ok danke für die information sry hab gar nicht gesehen das ich vorhin nicht die index.html upgeloadet habe sorry

Angehängte Datei(en)

•  index.html (3,15K)
  Anzahl der Downloads: 215

[MezzoX]

kanns sein, dass du vor paar tagen schon ma was wegen CSS gefragt hast? denn irgendwie kommen mir die Farben der 3 Divs bekannt vor

[Party]

jap ich hab mir eh gedacht das du mir dort schonmal geholfen hast weil mir dein name so bekannt vor kam

aber das war damals nicht der gleiche fehler damals hatte ich ein problem das die divs nicht nebenenander floateten bzw nur im ff und im ie6 nicht

[MezzoX]

muss jetzt erst ma arbeiten, aber kann dir später (so gegen 3 oder 4 uhr) die index.htm fertig schicken.

[Party]

jojo kein ding vielen dank aufjeden fall sehr nett vor dir
muss selbst bis 18 uhr arbeiten

[lloiser]

in der Mitte deiner Datei stehen ja die 3 Divs mit den Texten. rund um die drei Divs legst du noch einmal einen Div-Tag mit einer bestimmten Größe
Beispiel:

<div style="width:450px;">
   <div id="content-one">Teeeeeeeext #1</div>
   <div id="content-two">Teeeeeeeext #2</div>
   <div id="content-three">Teeeeeeeext #3</div>
</div>

Dieser Beitrag wurde von lloiser bearbeitet: 21. August 2008 - 13:27

[Party]

vielen lieben dank euch 2 funktioniert jetzt

[Party]

hallo leute jetzt hat sich noch eine kleine frage ergeben

gibt es eine möglichkeit mittels css eine vertikale zentrierung zu machen? also von oben nach unten?
vielen dank für eure bemühungen.

[clyde²]

Hiermit sollte es gehen

 {
   position: absolute;
   margin-top: -150px;
   top: 50%;
   width: 600px;
   height: 300px;
   border: solid 0px #000000;
   }

Die Werte dementsprechend anpassen+



lg