zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 Divs (untereinander) parallel mit 3 Divs (untereinander)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.02.2009, 17:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2008
Beiträge: 9
SimonK. befindet sich auf einem aufstrebenden Ast
Standard 3 Divs (untereinander) parallel mit 3 Divs (untereinander)

Guten Tag,
ich habe ein Problem mit 6 Div-Containern. Es sind jeweils drei untereinander, die dann parallel/neben den anderen drei sind (hier: BestLoads :: Index) Dort habe ich wie ihr sehen könnt, das Problem, dass der Div, wo LINKS3 steht, nicht unter dem LINKS2 steht. Wie bekomme ich ihn dahin?
Mein HTML Code:
HTML-Code:
<div id="navigation1">
LINKS1
</div>
<div id="content1">
<IMG SRC="../pictures/cont2/cont2_01.png" WIDTH=580 HEIGHT=17 ALT="">Text1
</div>

<div id="navigation2">
LINKS2
</div>
<div id="content2">
Text2
</div>

<div id="navigation3">
LINKS3
</div>
<div id="content3">
<IMG SRC="../pictures/cont2/cont2_03.png" WIDTH=580 HEIGHT=75 ALT="">Text3
</div>
Und hier de btreffende CSS Code:
Code:
div#content1{
float:right;
width:700px
}
div#content2{
float:right;
width:700px
background-image: url(../pictures/cont2/cont2_02.png);
}
div#content3{
float:right;
width:700px
}
div#navigation1{
float:left;
width:300px
}
div#navigation2{
float:left;
width:300px
}
div#navigation3{
float:left;
width:300px
}
Ich hoffe ihr seht das Problem, euch reichen die Informationen und ihr könnt mir helfen.

Gruß!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.02.2009, 17:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.397
regloh wird schon bald berühmt werden
Standard

Lege immer 2 divs mit float nebeneinander, dann clear, dann wieder 2 divs nebeneinander usw.

Code:
<div>
LINKS1
</div>

<div>
RECHTS1
</div>

<div>
LINKS2
</div>

<div>
RECHTS2
</div>

...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.02.2009, 17:26
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Wenn die Reihenfolge im Quelltext wichtig ist, muss Du ab dem jeweils zweiten DIV auch „clear“ in die jeweilige Float-Richtung dazu setzen.
Grüße: Emil
Mit Zitat antworten
  #4 (permalink)  
Alt 13.02.2009, 17:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2008
Beiträge: 9
SimonK. befindet sich auf einem aufstrebenden Ast
Standard

Die content Divs sind doch mit float:right; und die navigation Divs mit float:left; versehen?

Edit: Ahh, danke das mit clear hat geholfen.

Geändert von SimonK. (13.02.2009 um 17:29 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 13.02.2009, 17:33
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.397
regloh wird schon bald berühmt werden
Standard

Nur kurz für mich: War mein Lösungsansatz jetzt falsch?
Mit Zitat antworten
  #6 (permalink)  
Alt 13.02.2009, 17:38
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Deine Lösung ist völlig o.k. Die Frage ist nur, wenn die DIVs nicht paarweise die gleiche Höhe haben, ob man mit den entstehenden Zwischen-Lücken leben kann.
Grüße: Emil
Mit Zitat antworten
  #7 (permalink)  
Alt 13.02.2009, 17:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.397
regloh wird schon bald berühmt werden
Standard

Ah - das hatte ich nicht bedacht. Liegt wahrscheinlich daran, dass ich solch eine Konstallation noch nicht hatte und meist auch etwas rumprobiere, bis es passt. Aber ich weiß, was du meinst.

Aber gut, dass ich nochmal gefragt habe
Mit Zitat antworten
  #8 (permalink)  
Alt 13.02.2009, 17:47
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

So nett wie Du bist, hast Du keine Bemerkung über die von mir neu erfundene Wortkombination „Zwischen-Lücken“ raus gelassen.
Danke und Grüße: Emil

Edit und OT: die Smileys funktionieren bei mir nicht, bei Euch auch?
Edit2: Ich sehe es gerade, die funktionieren nur bei mir nicht, und zwar nicht nur die Smileys. Warum auch immer (Opera 9.63).

Geändert von etux (13.02.2009 um 17:51 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 13.02.2009, 20:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.10.2008
Beiträge: 9
SimonK. befindet sich auf einem aufstrebenden Ast
Standard

Danke nochmal nur jetzt hat sich ein neues Problem aufgetan.
Mein CSS Code für mein zweiten rechten Div Container (Text2) ist ja folgender:
Code:
div#content2{
width:700px

background-image: url(../pictures/cont2/cont2_02.png);
float:clear;
}
Wie ihr aber nun hier sehen könnt:
BestLoads :: Index
Wird der Hintergrund nicht angezeigt. Das Bild ist aber vorhanden:
http://iwsk.de/temp35/new/pictures/cont2/cont2_02.png
Also was mache ich falsch?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.02.2009, 21:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.397
regloh wird schon bald berühmt werden
Standard

Code:
float:clear;
gibt es nicht. Wenn, dann

Code:
clear: left/right/both;
Seite kann ich mir aber gerade nicht anschauen, da auf Arbeit irgendwie der Proxy sperrt.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
2 Divs untereinander Bulvaye CSS 2 04.10.2008 00:50
zwei Divs untereinander gleich hoch Moonphoenix CSS 6 15.05.2008 00:13
Keine blauen Links/ Div verlinken/ Div's untereinander anornen timbo CSS 3 03.01.2007 17:47
Divs immer untereinander in Opera? lavagna CSS 1 30.09.2005 11:42
1 div links, 2 div's untereinander daneben jensr CSS 9 01.07.2004 00:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:54 Uhr.