• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Boxen sind sehr verschoben...

t-stephan

Neues Mitglied
Guten Abend,

Da ich nun eine Problemserie habe und die meisten davon gelöst habe wollte ich euch mal bei dem letzten Problem um Rat fragen.
Ich habe vor wie eine Profiluserpage bloß als Blog zu gestalten.
Damit mein ich das ganz oben eine box1 die sich von den linken Rand zum rechten Rand ohne margin zieht.
Jetzt ist das problem das ich gerne auch noch eine 2te Box die links unter der ersten Box ist und die länglich nachunten geht wo dan Profilpic und Daten drinne stehen.
Leider weiß ich nicht wie ich das machen soll die erste Box ist so Ok aber die 2te weiß ich garnicht!
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title> Userprofiltestpage</title>
</head>
<body>
<style type="text/css">
html, body {margin: 0px; padding: 0p; width: 100%;}       
       
h1 { font-size: 300%;
     position:center;
     color:red;
     font-style:arial;
     border:1px grey0; }
     
     
.box { width: 100%;
       padding: 0px;
       padding-top: 5px;
       border: 1px solid silver;
       background: rgb (220,230,220); } 
</style>
<div id="box1"class="box"> <h1>Willkommen Profiluserpage</h1>    </div>
<div id="box2"class="box"> <p> abcdefghijklmnopqrstuvwxyz</p> </div>
</body>
</html>
 
Du solltest dir erstmal deine CSS-Eigenschaften anschauen. "position" mit dem Wert "center" gibt es nicht. "grey0" ist auch keine gültige Farbe. Bei deiner Hintergrundfarbe ist ein Leerzeichen zuviel hinter "rgb".

Was meinst Du mit "eine 2te Box die links unter der ersten Box ist und die länglich nachunten"? Soll diese vom unteren Ende der oberen Box bis zum Ende des Viewports unten reichen?
 
Zurück
Oben