zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div-Container mittig platzieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.09.2021, 16:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2010
Beiträge: 8
esehigs befindet sich auf einem aufstrebenden Ast
Standard Div-Container mittig platzieren

Hallo Community,

ich habe ein Problem und komme einfach nicht dahinter. Ich möchte gerne den roten DIV-Container ("Roter Block") zentriert haben. Was mache ich falsch?

HTML-Code:
<html>
<head>
</head>
<body>
	<div style="text-align:center;line-height:100%;width:100%;height:100%;">
		
		<div style="width:100%;min-height:200px;background-color:#ffffff;">
			
			Mittiger Text
			
			<div style="width:300px;background-color:#ff0000;height:100px;">
				Roter Block
			</div>
			
		</div>
		
	</div>
</body>
</html>
Beste Grüße
esehis
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.09.2021, 16:13
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Das geht z.b. so
HTML-Code:
<div style="margin:auto;width:300px;background-color:#ff0000;height:100px;">
Roter Block</div>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.09.2021, 16:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2010
Beiträge: 8
esehigs befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Das geht z.b. so
HTML-Code:
<div style="margin:auto;width:300px;background-color:#ff0000;height:100px;">
Roter Block</div>
SUPER! Vielen Dank!
Mit Zitat antworten
  #4 (permalink)  
Alt 08.09.2021, 22:05
Benutzerbild von basti1012
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.01.2018
Beiträge: 184
basti1012 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von esehigs Beitrag anzeigen
Was mache ich falsch?
Eigentlich viel.
Inline style benutzt man nicht mehr.
Dann kannst du das auch mit Flexbox machen.
HTML-Code:
<html>
<head>
<style>
body{
      display:flex;
      flex-direction:column;
}   
main {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 200px;
    align-items: center;
}
.rot{
      width:300px;
      height:100px;
      background:red;
}
</style>
</head>
<body>
		<main>
      <p>Mittiger Text</p>
      <div class="rot">
				  Roter Block
			</div>
		</main>
</body>
</html>
Mit Zitat antworten
Antwort

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
DIV Höhe 100% Daniel86 CSS 12 29.07.2011 13:40
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Zwei div container nebeneinander? hattori_hanzo CSS 2 08.03.2011 18:27
div mit css über andere elemente platzieren ping CSS 6 20.08.2009 14:54
div container nebeneinander platzieren müsli CSS 4 11.11.2007 17:14


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