|
GreyFox
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 14:02 |
|
|
Anmeldungsdatum: 28.04.2008
Beiträge: 212
|
also folgendes :
Zitat:<div id="main_body"> <div id="list_1"> Raum für den Inhalt von id "list_1"</div> <div id="list_2">Raum für den Inhalt von id "list_2"</div> </div>
list_1 & 2 sollen nebeneinander.
CSS :
Zitat:
#main_body {
background-color: #FFFFFF;
height: 1000px;
width: 920px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#list_1 {
background-color: #6600CC;
height: 1000px;
width: 300px;
}
#list_2 {
background-color: #33CC00;
height: 1000px;
width: 300px;
margin-right: auto;
margin-left: auto;
}
wie kann ich das am besten hinbekommen ?
________________________________________
Angehängte Bilder:
Clipboard01.jpg, 667 x 417, 15,6 KB
|
 |
|
| |
|
PC Kraus
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 14:06 |
|
Moderator 57.668 Punkte (?)Anmeldungsdatum: 20.07.2006
Beiträge: 11.387
 |
Experte |
|
Du musst bei list_2 das Attribut margin-left: 301px; machen.
________________________________________
PC Kraus - Fernwartung - Quick Support
112 PC Hilfe
|
|
|
| |
|
L3oop
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 14:16 |
|
Moderator 44.900 Punkte (?)Anmeldungsdatum: 25.04.2008
Beiträge: 9.376
|
Experte |
1 Mitglied findet diesen Beitrag gut
|
Wieso machst du es denn nicht mit float?
#list_1 {
background-color: #6600CC;
height: 1000px;
width: 300px;
float:left;
}
#list_2 {
background-color: #33CC00;
height: 1000px;
width: 300px;
}
________________________________________
Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
|
|
| |
|
AlexElvers
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 14:21 |
|
2.199 Punkte (?)[Gesperrt]
Anmeldungsdatum: 11.09.2009
Beiträge: 765
|
PC Kraus hat folgendes geschrieben:
Du musst bei list_2 das Attribut margin-left: 301px; machen.
Das geht auf jeden Fall nicht. Wär L3oop nicht so schnell gewesen, hätte ich auch das mit float vorgeschlagen.
Alternativ geht es auch mit absoluten Positionen, was aber wiederum kompliziert ist.
Viele Grüße,
Alex
|
|
|
| |
|
GreyFox
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 19:42 |
|
|
Anmeldungsdatum: 28.04.2008
Beiträge: 212
|
absolute Positionen gehen gar nicht 
Und das mit left ist auch Problematisch weil es am ende müssen es übrigens drei listen werden.
Habs nicht erwähnt weil ich dachte ich bekomme ein
gutes Beispiel was ich einfach auf das dritte übertragen kann 
|
|
|
| |
|
L3oop
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 19:44 |
|
Moderator 44.900 Punkte (?)Anmeldungsdatum: 25.04.2008
Beiträge: 9.376
|
Experte |
|
Du kannst mit float beliebig viele Elemente nebeneinander anordnen. Gib dann einfach allen die Eigenschaft float:left;.
________________________________________
Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
|
|
| |
|
bitsnack
|
| Titel: 2 Divs nebeneinander ? |
25.06.2010 20:18 |
|
|
Anmeldungsdatum: 30.01.2009
Beiträge: 3.551
|
#list_1 {
background-color: #6600CC;
height: 1000px;
width: 300px;
float:left;
}
#list_2 {
background-color: #33CC00;
height: 1000px;
width: 300px;
float:left;
}
#list_3 {
background-color: #33CC00;
height: 1000px;
width: 300px;
}
Damit es nicht zu Anzeigeproblemen kommt, solltest du nach den 3 Listen noch ein <span style="clear:both;"></span> haben.
Ausserdem würde ich noch darauf achten dass du dich nicht immer wiederholst - DRY, Don't Repeat Yourself.
Die Listen haben alle eine Höhe von 1000px und eine breite von 300px. Willst du eine dieser Eigenschaften ändern, musst du das in allen dreien tun.
Einfacher ist es, jeder Liste die Klasse .list zuzuweisen, und - wenn du die Nummerierung überhaupt brauchst - zusätzlich noch die Klassen .list1, .list2 etc.
.list ordnest du dann einfach die Eigenschaften zu, die bei allen Eigenschaften gleich sein.
|
|
|
| |
|
PC Kraus
|
| Titel: 2 Divs nebeneinander ? |
27.06.2010 12:01 |
|
Moderator 57.668 Punkte (?)Anmeldungsdatum: 20.07.2006
Beiträge: 11.387
|
Experte |
|
AlexElvers hat folgendes geschrieben:
Das geht auf jeden Fall nicht.....
Tja, genau so habe ich es bei meiner Seite gemacht und wie man sehen kann geht das durchaus.
________________________________________
PC Kraus - Fernwartung - Quick Support
112 PC Hilfe
|
|
|
| |
|
AlexElvers
|
| Titel: 2 Divs nebeneinander ? |
27.06.2010 12:27 |
|
2.199 Punkte (?)[Gesperrt]
Anmeldungsdatum: 11.09.2009
Beiträge: 765
|
PC Kraus hat folgendes geschrieben:
Tja, genau so habe ich es bei meiner Seite gemacht und wie man sehen kann geht das durchaus.
Ok, ich verbessere mich: dein Vorschlag geht, wenn man beiden Divs ein »position: absolute;« gibt 
|
|
|
| |
|
|
|
|
Themen
Unbeantwortet
Betriebssysteme
