Het gebruik van divs en de uitlijning daarvan

Stel hier je vragen over (X)HTML, CSS, XML, XSL.

Het gebruik van divs en de uitlijning daarvan

Berichtdoor wesleyA » zo dec 17, 2006 14:47

Eyy mensen,

Ik had eens ff een vraagje.

Ik ben op het moment bezig om mijn eigen site te maken, en ik wilde daar divs voor gebruiken. Nu zat ik wat te rommelen ermee, en het lukte me maar niet om 2 divs naast elkaar te zetten, ik heb geen idee of dit mogelijk is of niet, maar het lukte me gewoon niet.

Hieronder de code van mijn index.php en mijn style.css:

index.php:

Code: Selecteer alles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
   <div id="header">
   Dit is de header van de site
   </div>
   
   <div id="navigatie">
   navigatie
   </div>
   <div id="content">
   Dit is de content van de site
   </div>
</body>
</html>


En hier de style.css:

Code: Selecteer alles
/* CSS Document */

body{
   background-color:#000000;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   color:#0000FF;
   }

#header{
   width:800px;
   height:120px;
   position:relative;
   margin-left:210px;
   margin-top:50px;
   background-color:#999999;
   }

#navigatie{
background-color:#CCCCCC;
   width:50px;
   height:100px;
   position:relative;
   margin-left:160px;
   }
#content{
   width:800px;
   height:400px;
   position:relative;
   margin-left:210px;
   background-color:#FFFFFF;
   }

Avatar gebruiker
wesleyA
 
Berichten: 31
Geregistreerd: do nov 02, 2006 14:10
Woonplaats: middelburg

Berichtdoor R0berto[] » zo dec 17, 2006 15:10

Code: Selecteer alles
/* CSS */
#header
{
   width: 100%;
   height: 100px;
}

#nav
{
   width: 100px;
   position: absolute;
   top: 100px;
   left: 0px;
}

#content
{
   position: absolute;
   top: 100px;
   left: 100px;
}


zo ff uit het hoofd... je moet maar ff kijken of dit werkt....
Avatar gebruiker
R0berto[]
TWnet Crew
 
Berichten: 280
Geregistreerd: vr aug 11, 2006 22:08


Keer terug naar (X)HTML & CSS

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 1 gast

cron