iiks: erste eigene seite

Beitrag lesen

SELF-Forum

erste eigene seite

iiks
– Informationen zu den Bewertungsregeln

also ich hab jetzt mal meine ersten versuche eines css layouts getestet.
das ganze hab ich mir wie folgt vorgestellt:

ich definiere einen hintergrund, der eine einheitliche farbe hat (hier:grau). daruaf packe ich nun eine box, die ich mit einem komletten
"screenshot" meiner hp fülle (also das, was ich in photoshop gemacht
habe; hier:grün).

so, dort wo auf dem "screenshot" der platz für meine navileiste ist, setze ich nun eine weitere box drauf und gebe ihr die hintergrundfabe, welche auch auf dem screenshot ist... in meinem beispil leicht lila.... danach folgt eine dritte box für den inhalt. diese letzte box wird wieder mit der passenden hintergrundfarbe gefüllt und ich wäre mit meinem einfach layout schon fertig... dann bräuchte ich nur noch die html dateien mit dem inhalt und gut ist... oder?

bitte steinigt mich nicht gleich, is meine erster CSS versuch ^^... hier mal der code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html>  
<head>  
<title>Testseite</title>  
<style type="text/css">  
  body {  
    background-color:#5f5f5f;  
  }  
  div#Seite {  
    background-color:green;  
    text-align: left;  
    margin: 0 auto;  
    width: 800px;  
    height: 600px;  
    padding: 0;  
    border: 0px;  
  }  
  div#Navi { position:absolute;  
  top:150px;  
  left:300px;  
  width:97px;  
  height:176px;  
  background-color:#ddf;  
  }  
  div#Inhalt { position:absolute;  
  top:150px;  
  left:400px;  
  width:471px;  
  height:388px;  
  background-color:#ff9f38;  
  }  
</style>  
</head>  
<body>  
<div id="Seite">  
HIER IST KOMMT DAS HINTERGRUNDBILD HIN  
<div id="Navi">HIER KOMMT DIE NAVILEISTE HIN  
</div>  
<div id="Inhalt">  
HIER KOMMT DER INHALT REIN  
</div>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln