#1
Hi Leute,
ich hatte grad ein Blackout und hab nichts mehr gewusst und deshlab hab ich gegoogelt wie man ein div container mittig ausrichtet und habe folgendes gefunden:
Code:
#header {
position:absolute;
width:800px;
height:200px;
left:50%;
margin-left:-400px;}
Ist die möglichkeit in Ordnung oder nicht richtig? Geht das das ich das absolut positioniere? Css div mittig ausrichten. Danke im Voraus! Mfg xXxPeterPanxXx
#3
Hallo Peter,
das funktioniert - aber nur solange, wie Dein Viewport breiter als 800px ist...
sinnvoller ist, auf die (absolute) Positionierung zu verzichten und es mit
margin:auto; zu machen. Grüße
Bernhard
Mehrere Divs, Welche Nebeneinander Sind, Mittig Ausrichten.
Und dann hast du das was du brauchst. Ist jetzt nur im FF getestet.. müsstest also schauen ob da alle Browser gleich reagieren. 24. 2010, 16:24
#5
Danke nochmal, aber irgendwie klappt das immer noch nicht. So schaut meine Klasse nun aus:. katalog_marken {
width:680px;
margin:10px auto;}
24. 2010, 16:36
#6
du gibtst dem ganzen gerade eine Breite von dem Inhaltselement. Mehrere DIVs, welche nebeneinander sind, mittig ausrichten.. Der div braucht die Breite der 3 inneren Bereiche (+ deren marigin). Erst dann kann der durch auto so weit an den Seiten einrücken, das es mittig ist. 24. 2010, 22:26
#7
01. 09. 2017, 14:58
#8
unterschiedliche Anzahl divs innerhalb eines divs zentrieren
Eine Newslist mit einer unbekannten Anzahl divs zentrieren. Nach 4 divs bricht es um. Bei 6 sollen dann die nächsten 2 in der Mitte dargestellt werden. Bisher hab ich folgendes gemacht:
Und im CSS:
#container #main.
Wer einen DIV durchsichtig und horizontal mittig auf seiner Seite plazieren möchte, dem könnte dieser Tipp helfen:
Hier steht der Text in Schwarz mit rotem Rahmen 2 Pixel breit
Erklärung:
width:50%; = halbe Breite der Seite des Divs
margin: 0 auto; = Mittig ausgerichtet
padding: 10px; = Innenabstand 10 Pixel
background-color: rgba (0, 0, 0, 0. 2) = schwarzer Hintergrund mit 0. 2% Transparenz
border: 2px solid #FF0000; = Roter Rahmen 2 Pixel breit durchgehend
So sieht das dann aus:
Hier steht der Text in Schwarz mit rotem Rahmen 2 Pixel breit
Übrigens: Wäre der Hintergrund nicht transparent, wäre die schwarze Schrift gar nicht lesbar…
Hat es Dir geholfen? Dann hinterlass mir einen Hinweis, ich würde mich freuen!
Saturday, 20 July 2024