Hallo,
Header soll in der Mitte sein. Ich habe versucht, es in der Mitte darzustellen. Das funktioniert nicht. Kann es sein, dass es in der Code nicht korrekt ist?
Für jede Hilfe bin ich dankbar!
Siehe das Bild und Code
Link: jk-wandern-hoeren-erleben.de
Joomla 4.1.2
body {color: #FFFFFF;
background-color: #070719;
}
header {margin: 20px;
padding-left: auto;
padding-right: auto;
width: 1200px;
}
.container-topbar {border: 2px solid #A4A4A4;
}Mache mal eine # vor header:
#header
Mache mal eine # vor header:
Nein, das its es nicht... padding: auto führt nicht zur Zentrierung eines divs sondern margin: auto
Trotzdem sollte der header Bereich keine feste Breite haben, sonst passt die mobile Ansicht nicht
Das funktioniert! 
header {
margin: auto;
width: 1200px;
}Nun habe ich noch ein Problem.
Die Breite der Beiträge soll auch 1200 px sein - nur bei Browser. Wie sieht die Code mit "width: 1200px" aus?
Bei der mobilen Ansicht passt es.
.grid-child {
max-width: 1200px;
}Guten Morgen!
grid-child {
max-width: 1200px;
}Das funktioniert nicht. Was nun?
da fehlt ein Punkt vor der Klasse
Vielleicht Browser-Cache?
Christian
Hallo,
Na ja, Du hast in der Zeile 13 stehen:
#.grid-child {max-width: 1200px;}also das # ist zuviel.
Der Code von drmenzelit funktioniert wunderbar, allerdings gelang es mir nur mit einem !important; dazu.
Ev. irgendwo Inline verankert.
Liebe Grüße
Christine
Mach mal ein Screenshot, wie es bei dir nun ausschaut!
Du müsstest eventuell mal den Browser-Cache leeren! Wurde ja bereits empfohlen.
Bei mir ist es jedenfalls mittig.
EDIT: Ach so..... geht wohl jetzt um die Breite der Beiträge. Setze !important hintenran, wie von christine2 vorgeschlagen!
Also;
.grid-child {max-width: 1200px!important;}