3 DIV Container ausrichten....
- Ersteller Flash
- Erstellt am
Peter Schneider
Legendäres Mitglied
QUOTE alle eine feste breite.
Somit geht das hier nicht:
QUOTE width: xx%;
Eine einfache Lösung wäre mit position:absolute; ein div links (left: 0px
und ein weiteres div rechts auszurichten. Und mit einer Wurschtel-Lösung aus dem Internet (googeln) ein div in der Mitte...
https://www.google.ch/search?client=opera&q...itte+ausrichten
z.B.:
http://stackoverflow.com/questions/8508275...bsolute-element
CODE
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
Das heisst, dass der Abstand variabel ist... ABER:
Dann haben wir das Problem, dass sich die Boxen bei kleinen Bildschirmen überlappen könnten.
Sowas könnte man mit @media abfangen:
https://www.google.ch/search?client=opera&q...channel=suggest
Insofern müsste man, sobald die Screenbreite kleiner als die zusammenaddierten Breiten der divs sind, anders positionieren und eventuell auf eine float-Lösung zurückgreifen. Oder einfach alle Boxen absolute und mit strikter Links-Ausrichtung brav nebeneinander positionieren und die Scrollbar erscheinen lassen.
Ich denke, das wäre so machbar.
Na ja: Mr. Viennas Lösung hat halt schon Vorteile... Guck doch mal, wie gut Deine Inhalte in der einfacheren Lösung skalieren - je nach Screenbreite. Wenn es irgendwann stockt, kannst Du ja auch hier @media verwenden.
Somit geht das hier nicht:
QUOTE width: xx%;
Eine einfache Lösung wäre mit position:absolute; ein div links (left: 0px
und ein weiteres div rechts auszurichten. Und mit einer Wurschtel-Lösung aus dem Internet (googeln) ein div in der Mitte...https://www.google.ch/search?client=opera&q...itte+ausrichten
z.B.:
http://stackoverflow.com/questions/8508275...bsolute-element
CODE
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
Das heisst, dass der Abstand variabel ist... ABER:
Dann haben wir das Problem, dass sich die Boxen bei kleinen Bildschirmen überlappen könnten.
Sowas könnte man mit @media abfangen:
https://www.google.ch/search?client=opera&q...channel=suggest
Insofern müsste man, sobald die Screenbreite kleiner als die zusammenaddierten Breiten der divs sind, anders positionieren und eventuell auf eine float-Lösung zurückgreifen. Oder einfach alle Boxen absolute und mit strikter Links-Ausrichtung brav nebeneinander positionieren und die Scrollbar erscheinen lassen.
Ich denke, das wäre so machbar.
Na ja: Mr. Viennas Lösung hat halt schon Vorteile... Guck doch mal, wie gut Deine Inhalte in der einfacheren Lösung skalieren - je nach Screenbreite. Wenn es irgendwann stockt, kannst Du ja auch hier @media verwenden.
Flash
Aktives Mitglied
Danke für Eure Feedbacks.
QUOTE float:left; width: xx%; margin-left:xx%
Das funktioniert, aber die Boxen verhaut es dann bei kleineren Auflösungen.
werde es noch mit @media versuchen, ansonsten suche ich nach einer komplett anderen Lösung und werde die dynamik der Seite an einem anderen Ort anpassen.
Ihr habt mir geholfen
QUOTE float:left; width: xx%; margin-left:xx%
Das funktioniert, aber die Boxen verhaut es dann bei kleineren Auflösungen.
werde es noch mit @media versuchen, ansonsten suche ich nach einer komplett anderen Lösung und werde die dynamik der Seite an einem anderen Ort anpassen.
Ihr habt mir geholfen