ExplosiveTommY
Nieuwe gebruiker
- Lid geworden
- 28 jul 2015
- Berichten
- 1
Hallo,
Ik ben momenteel aan het leren om een website te maken en zit aan het hoofdstuk "div tags". Via een tutorial probeer ik div tags aan te maken voor de layout van mijn webpagina.
Ik heb echter een probleem. In dreamweaver verdwijnt mijn "Menu div tag" wanneer ik eronder 2 andere div tags toevoeg. Namelijk de "sidebar div tag" en de "Mainbody div tag". De sidebar laat ik links "floaten", de mainbody rechts. Onder beide div tags is er een "footer div tag" waar ik "clear:both" heb vermeld.
In dreamweaver verdwijnt de "Menu div tag". Wanneer ik preview in Mozilla dan zie ik wel de "Menu Div tag". Kan iemand mij uitleggen hoe dit komt?
Bedankt.
Hier de CSS:
#Container {
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}
#Header {
height:150px;
background-color:#999999;
}
#Menu {
height:60px;
background-color:#CC0000;
}
#Sidebar {
width:150px;
height:400px;
background-color:#660066;
float:left;
}
#Mainbody {
width:650px;
height:400px;
background-color:#FF9900;
float:right;
}
#Footer {
height:100px;
background-color:#33CC99;
clear:both;
}
HTML:
<!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>
<link href="css/mainbody.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testsite</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style></head>
<body>
<div id="Container">
<div id="Header"></div>
<div id="Menu"></div>
<div id="Sidebar"></div>
<div id="Mainbody"></div>
<div id="Footer"></div>
</div>
</body>
</html>
Ik ben momenteel aan het leren om een website te maken en zit aan het hoofdstuk "div tags". Via een tutorial probeer ik div tags aan te maken voor de layout van mijn webpagina.
Ik heb echter een probleem. In dreamweaver verdwijnt mijn "Menu div tag" wanneer ik eronder 2 andere div tags toevoeg. Namelijk de "sidebar div tag" en de "Mainbody div tag". De sidebar laat ik links "floaten", de mainbody rechts. Onder beide div tags is er een "footer div tag" waar ik "clear:both" heb vermeld.
In dreamweaver verdwijnt de "Menu div tag". Wanneer ik preview in Mozilla dan zie ik wel de "Menu Div tag". Kan iemand mij uitleggen hoe dit komt?
Bedankt.
Hier de CSS:
#Container {
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}
#Header {
height:150px;
background-color:#999999;
}
#Menu {
height:60px;
background-color:#CC0000;
}
#Sidebar {
width:150px;
height:400px;
background-color:#660066;
float:left;
}
#Mainbody {
width:650px;
height:400px;
background-color:#FF9900;
float:right;
}
#Footer {
height:100px;
background-color:#33CC99;
clear:both;
}
HTML:
<!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>
<link href="css/mainbody.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testsite</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style></head>
<body>
<div id="Container">
<div id="Header"></div>
<div id="Menu"></div>
<div id="Sidebar"></div>
<div id="Mainbody"></div>
<div id="Footer"></div>
</div>
</body>
</html>
