XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Zentrieren von mehreren <div>'s einer <section> mit @media und max-width (http://xhtmlforum.de/showthread.php?t=72840)

GastBenutzer 12.05.2016 16:11

Zentrieren von mehreren <div>'s einer <section> mit @media und max-width
 
Hallo,
ich versuche schon seit 3 Tagen 6 <div>'s, wenn
Code:

@media only screen and (max-width: 900px){}
zutrifft in "Pärchen" anzeigen zulassen. Das gelingt mir auch mit
Code:

@media only screen and (max-width: 900px){
    .item {
      width: 49.99999%;
      max-width:325px;
    }
}

Achso, was vielleicht noch wichtig ist zu erklären: Die <section> hat die id="content" und die jeweiligen <div>'s die class="item".
Allerdings sind die <div>'s nicht mehr zentriert, wie sie es im "normalen" Zustand sind. Hier der Code dafür:
Code:

#content {
    max-width: 1200px;
    margin: auto;
    left: 1%;
    right: 1%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.item {
    padding: 0 6px;
    float: left;
    width: 33.333333%;
}

Hat jemand vielleicht eine Erklärung oder Lösung für mein Problem? Danke :drinks:

cloned 12.05.2016 17:04

Wozu benötigst du hier denn position:absolute? Das wird zwar von Anfängern gerne verwendet, ist aber in 99.9% der Fälle unsinnig.

Du möchtest nicht zentrieren, sondern nebeneinander anzeigen? Wieso nicht mit flexbox arbeiten? Und was genau funktioniert nicht? Inwiefern sind sie in der normalen Version zentriert?


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:09 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023