Forum
Tipps
News
Menu-Icon

Nochmal Problem mit CSS Positionierung

Es tut mir leid wieder eure Hilfe in Anspruch nehmen zu müssen aber ich raste gleich aus hier ;D

Nehmen wir mal folgenden Code:

<html>
<head>
<style>
div.frame{
width:100%;
height:100%;
background-color:#999999;
}

div.box{
width:400px;
height:200px;
background-color:#666666;
margin-left:200px;
}
</style>
</head>
<body>
<div class="frame">
 <div class="box">
 bla
 </div>
</div>
</body>
</html>

Simpel nicht wahr? Einen großen hellgrauen Kasten und einen dunkelgrauen Kasten innen drin, der durch margin-left brav 200px Abstand vom Rand des großen grauen Kastens hält. Jetzt mein Problem:

Ich möchte auch, dass er nach oben hin z.B. 100px Abstand hält. Benutze ich margin-top:100px verschiebt sich auch der große hellgraue Kasten um 100px vom Browserrand. Sage ich dem großen hellgrauen Kasten padding-top:100px passiert das zwar, aber der große hellgraue Kasten wächst auch um 100px nach unten...

Gut ich könnte jetzt noch ein Div hinzufügen und das als Abstandhalter benutzen aber das muss doch über padding und margin machbar sein?

Hilfe ??? ??? ??? ;D

Antworten zu Nochmal Problem mit CSS Positionierung:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi,

ich arbeite bei sowas immer mit


position:absolute;
top:100px;
left:200px;

Das ist auch glaub ich der Sinn der Sache. Schließlich willst Du die Box an einer bestimmten Position haben.

« Domain aber richtig ;-)forum erstellen aber wie? »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...

Unicode
Unicode ist ein international anerkannter Standard, der als universeller Zeichencode ("Universal Code") dient und durch das Unicode-Konsortium entwickelt und verwaltet wi...

QR-Code
QR-Codes, die Abkürzung für "Quick Response Codes", sind eine Form von zweidimensionalen Barcodes. Damit lassen sich Informationen schnell und effizient speiche...