zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zentrieren von mehreren <div>'s einer <section> mit @media und max-width

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.05.2016, 16:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.05.2016
Beiträge: 1
GastBenutzer befindet sich auf einem aufstrebenden Ast
Unglücklich 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.05.2016, 17:04
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.074
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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?
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
div, max-width, section, zentrieren

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
Problem mit CSS Menü FuFi CSS 1 05.01.2015 16:46
Verschiebungen bei größerem Bildschirm seelefant CSS 4 28.07.2014 16:43
Media Querys - Layout geht wird über den Displayrand angezeigt DarkNemesis84 CSS 9 05.05.2013 23:00
CSS von Plugin beisst! expand CSS 0 28.09.2012 18:44
Responsive webdesign: horizontales Menü mit angepasster Schriftgröße Spencer Javascript & Ajax 3 19.09.2012 00:16


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