CSS Boxen gehen nicht ineinander

Beavis · 27. Mai 2013

Guten

Ich habe ein Problem.
Ich habe mir einige div´s erstellt und nu hapert es an den Boxen die ich setzten möchte
(Bild dazu hier was ich meine

Spoiler anzeigen

)

Meine Frage an euch:
Auf den Bildern sind 2 Boxen eine weiße und eine Blaue
Wie kann ich die Blaue nun in die Weiße Box positionieren?
Mein CSS Code ist der:

Code

#Background{width:980px;height:980px;background:white;border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;}
#main{width:960px}
#menue//das ist die Blaue Box
{
float:centre;
width:960px;
height:100px;
background:#99B2E5;
margin-top:0px;
margin-left:10px;
margin-button:10px;
border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
}

Alles anzeigen

dazu noch der HTML Code

HTML

<html>
	<head>
		<title>Bubu</title>
		<link rel="stylesheet" type="text/css" href="code.css">
	</head>
	<body>
		<div id="Website">
			<div id="Background">
				<h1>Palim</h1>
			</div>
			<div id="main">

			</div>
			<div id = "menue">

			</div>
			<div id="footer">

			</div>
		</div>
	</body>
</html>

Alles anzeigen

Ich hoffe, das einer eine Idee dazu hat

rinukkusu · 27. Mai 2013

Stichwort "Verschachtelung".
Was in einer anderen Box angezeigt werden soll, sollte auch codemäßig da drinnen stehen

Beavis · 27. Mai 2013

Und wie Funktioniert das Ganze?
Ich habe in den sachen noch keine Erfahrungen

Levis_Escobar · 27. Mai 2013

Code

margin-top: 10px;

Beavis · 27. Mai 2013

damit setz ich den nur weiter nach unten hab das schon getestet

Drasko · 27. Mai 2013

Zitat von Beavis

damit setz ich den nur weiter nach unten hab das schon getestet

Dann eben:

Code

margin-top: -10px;

Müsste gehen.

Beavis · 27. Mai 2013

Zitat von Maydo

Müsste gehen.

Tatsache es hat geklappt

Aber ma ne Blöde Frage wie kann ich mit CSS nen Button erstellen der auch die Form hat, aber nur nen Text drin steht?

Drasko · 27. Mai 2013

Du ziehst dir ne entspreche Grafik und skalierst sie passend zurecht.

rinukkusu · 27. Mai 2013

Verschachtelung geht zB so:

HTML

<html>
	<head>
		<title>Bubu</title>
		<link rel="stylesheet" type="text/css" href="code.css">
	</head>
	<body>
		<div id="Website">
			<div id="Background">
				<div id = "menue">

				</div>


				<div id="main">
					<h1>Pups</h1>
				</div>
			</div>
			<div id="footer">

			</div>
		</div>
	</body>
</html>

Alles anzeigen

breadfish.de 12. März 2022