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

Divboxgröße einstellen

P

Paralor

Neues Mitglied
Hallo,

ich habe ein Problem, welches ich nicht alleine lösen kann und dazu auch über google keine entsprechende Hilfe gefunden habe, frage ich nun hier.
Also ich habe eine sehr simple .html Datei:
HTML: 
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="style.css">
        <title></title>
    </head>
    <body>
        <div id="content">
            
        </div>
    </body>
</html>
und die dazugehörige style.css
Code: 
html {
    height: 100%;
}
body {
    background-color: #404040;
    hight: 100%;
}
#content {
    height: 450px;
    background-color: #333333;
}

Wenn ich das so nun im Browser öffne passiert nichts. Nur der Hintergrund hat die Farbe #404040.
Sobald ich im 'content' etwas eintrage, wird nur das vom Eingetragenen farbig hinterlegt, aber ich will
dass der div-container eine feste größe hat. Geht das irgendwie?

Lg
Para
 
Gib mal einen DOCTYPE an, das könnte schon des problems Lösung sein...

bei mir im FF ist es nämlich korrekt...
 
Sorry, aber ich hab keine Ahnung von DOCTYPES. Und ich benutze auch nicht direkt FF, ich benutze Nightly auch von Mozilla.

//edit: Ok bei mir geht es jetzt auch, komisch.. Ich hab gestern den ganzen Tag versucht es hinzubekommen aber es ging nicht.
Allerdings schließt der div-container nun nicht bündig mit dem Bildschirmrand ab, hat jemand ne Idee?
 
Hallo,

verwende folgenden Header:
HTML: 
<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="style.css">
        <title></title>
    </head>
 
zu dem Abstandsproblem...

das sind die Hauseigenen padding- und margin-Abstände die der Browser mitbringt. Wenn du die generell auf 0 setzen willst füge in Deinem css einfach

Code: 
* {
  padding: 0;
  margin: 0;
}

ein.

Thats it :)

Allerdings werden dann alle Abstände auf 0 gesetzt, so das du sie alle wieder neu definieren musst, undzwar so wie du sie brauchst.
 
Gib der Div-Box auch mal eine Breite ;)

HTML ist (noch großteils) eine 2 dimensionale Designsprache :)

(Wenn man den z-index nicht beachtet zumindest)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben