Nieuw lid |
|
Goedenavond,
Ik heb veel kennis van <div> nodig om een nieuwe site te maken,
echt krijg ik een <div> niet meer gerekt met de inhoud er van.
Op dit forum heb ik al wat gezocht naar wat ik nodig had, maar ik kan steeds niet vinden wat voor mij van belang is.
op deze site http://www.rising-hope.nl/wimako1.1/index.php
kan je zien wat mijn probleem is.
Hopelijk kunnen jullie mij helpen.
Alvast bedankt.
Mijn CSS is:
body {
margin-left:0px;
margin-top:0px;
background-image:url(../img/layout/default/basebg.jpg);
font-family: Verdana, Tahoma;
font-size: 10px;
color: #000000;
}
h1 {
color:black;
font-family: Verdana;
font-size:11px;
font-weight:bold;
}
#mainContainer {
width:1024px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#mainContainer #header {
height:100px;
border-right:1px #666666 solid;
border-left:1px #666666 solid;
background-image:url(../img/layout/default/header.jpg);
}
#mainContainer #headerNav {
height:25px;
border-right:1px #666666 solid;
border-left:1px #666666 solid;
border-bottom:1px #666666 solid;
background-image:url(../img/layout/default/headernav.jpg);
}
#mainContainer #mainFrame {
border-left:1px #666666 solid;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
background-color:white;
position:relative;
}
.blockLayout {
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border:1px #666666 solid;
background-color:white;
width:170px;
height:50px;
}
.blockTitle {
color:black;
font-family: Verdana;
font-size:11px;
font-weight:bold;
position:absolute;
margin-top:2px;
margin-left:20px;
}
.blockTitleBackGround {
background-image:url(../img/layout/default/bar.jpg);
height:20px;
border-bottom:1px #666666 solid;
text-align:left;
vertical-align:middle;
position:relative;
}
.blockContent {
text-align:left;
padding-left:4px;
font-family: Verdana, Tahoma;
font-size:10px;
font-weight:normal;
color:#000000;
}
#mainFrame #blockHolderLeft {
left: 0px;
top: 0px;
width: 180px;
text-align: center;
float: left;
}
#mainFrame #mainContent {
top: 0px;
width:635px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
}
#mainFrame #blockHolderRight {
float: right;
right: 0px;
top: 0px;
width: 180px;
text-align: center;
}
.mainContentFrame {
background-image:url(../img/layout/default/centerbar.jpg);
background-repeat:repeat-x;
height:20px;
border:1px #666666 solid;
}
.mainContentFrameTitle {
position:absolute;
margin-top:3px;
margin-left:3px;
}
.mainContentContent {
border-left:1px #666666 solid;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
background-color:white;
padding-top:5px;
padding-left:5px;
}
#footer {
background-color:#BFBFBF;
height:20px;
border-left:1px #666666 solid;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
text-align:center;
}
#footer #footerText {
color:#666666;
margin-top:3px;
font-size:9px;
}
.clear {
clear:both;
}
body { margin-left:0px; margin-top:0px; background-image:url(../img/layout/default/basebg.jpg); font-family: Verdana, Tahoma; font-size: 10px; color: #000000; } h1 { color:black; font-family: Verdana; font-size:11px; font-weight:bold; } #mainContainer { width:1024px; margin-left:auto; margin-right:auto; position:relative; } #mainContainer #header { height:100px; border-right:1px #666666 solid; border-left:1px #666666 solid; background-image:url(../img/layout/default/header.jpg); } #mainContainer #headerNav { height:25px; border-right:1px #666666 solid; border-left:1px #666666 solid; border-bottom:1px #666666 solid; background-image:url(../img/layout/default/headernav.jpg); } #mainContainer #mainFrame { border-left:1px #666666 solid; border-right:1px #666666 solid; border-bottom:1px #666666 solid; background-color:white; position:relative; } .blockLayout { margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; border:1px #666666 solid; background-color:white; width:170px; height:50px; } .blockTitle { color:black; font-family: Verdana; font-size:11px; font-weight:bold; position:absolute; margin-top:2px; margin-left:20px; } .blockTitleBackGround { background-image:url(../img/layout/default/bar.jpg); height:20px; border-bottom:1px #666666 solid; text-align:left; vertical-align:middle; position:relative; } .blockContent { text-align:left; padding-left:4px; font-family: Verdana, Tahoma; font-size:10px; font-weight:normal; color:#000000; } #mainFrame #blockHolderLeft { left: 0px; top: 0px; width: 180px; text-align: center; float: left; } #mainFrame #mainContent { top: 0px; width:635px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:10px; } #mainFrame #blockHolderRight { float: right; right: 0px; top: 0px; width: 180px; text-align: center; } .mainContentFrame { background-image:url(../img/layout/default/centerbar.jpg); background-repeat:repeat-x; height:20px; border:1px #666666 solid; } .mainContentFrameTitle { position:absolute; margin-top:3px; margin-left:3px; } .mainContentContent { border-left:1px #666666 solid; border-right:1px #666666 solid; border-bottom:1px #666666 solid; background-color:white; padding-top:5px; padding-left:5px; } #footer { background-color:#BFBFBF; height:20px; border-left:1px #666666 solid; border-right:1px #666666 solid; border-bottom:1px #666666 solid; text-align:center; } #footer #footerText { color:#666666; margin-top:3px; font-size:9px; } .clear { clear:both; }
en 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Wimako.nl</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainContainer">
<div id="header"></div>
<div id="headerNav"></div>
<!-- ======================== START MAINFRAME ========================== -->
<div id="mainFrame">
<!-- ======================== START BLOCKHOLDERLEFT ========================== -->
<div id="blockHolderLeft">
<!-- [BLOCK] -->
<div class="blockLayout">
<div class="blockTitleBackGround">
<div class="blockTitle">Titel</div>
</div>
<div class="blockContent">
inhoud<br />
inhoud<br />
inhoud<br />
inhoud<br />
</div>
</div>
<!-- [/BLOCK] -->
<!-- [BLOCK] -->
<div class="blockLayout">
<div class="blockTitleBackGround">
<div class="blockTitle">Titel</div>
</div>
<div class="blockContent">
inhoud<br />
inhoud<br />
inhoud<br />
inhoud<br />
</div>
</div>
<!-- [/BLOCK] -->
</div>
<!-- ======================== END BLOCKHOLDERLEFT ========================== -->
<!-- ======================== START BLOCKHOLDERRIGHT ========================== -->
<div id="blockHolderRight">
<!-- [BLOCK] -->
<div class="blockLayout">
<div class="blockTitleBackGround">
<div class="blockTitle">Titel</div>
</div>
<div class="blockContent">
inhoud
</div>
</div>
<!-- [/BLOCK] -->
</div>
<!-- ======================== END BLOCKHOLDERRIGHT ========================== -->
<!-- ============================= MAIN CONTENT ======================================= -->
<div id="mainContent">
<div class="mainContentFrame">
<div class="mainContentFrameTitle"><h1>Welkom bij wimako.nl</h1></div>
</div>
<div class="mainContentContent">
Hier wat teksten
</div>
</div>
<div class="clear"></div>
</div>
<!-- =================================== END MAINFRAME ================== -->
<div id="footer">
<div id="footerText">© Copyright Wimako.nl 2008 | Design and programmed by Thomas Croonen </div>
</div>
</div>
</body>
</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"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <!-- ======================== START MAINFRAME ========================== --> <!-- ======================== START BLOCKHOLDERLEFT ========================== --> <div id="blockHolderLeft"> <!-- [BLOCK] --> <div class="blockLayout"> <div class="blockTitleBackGround"> <div class="blockTitle">Titel </div> <div class="blockContent"> <!-- [/BLOCK] --> <!-- [BLOCK] --> <div class="blockLayout"> <div class="blockTitleBackGround"> <div class="blockTitle">Titel </div> <div class="blockContent"> <!-- [/BLOCK] --> <!-- ======================== END BLOCKHOLDERLEFT ========================== --> <!-- ======================== START BLOCKHOLDERRIGHT ========================== --> <div id="blockHolderRight"> <!-- [BLOCK] --> <div class="blockLayout"> <div class="blockTitleBackGround"> <div class="blockTitle">Titel </div> <div class="blockContent"> inhoud <!-- [/BLOCK] --> <!-- ======================== END BLOCKHOLDERRIGHT ========================== --> <!-- ============================= MAIN CONTENT ======================================= --> <div class="mainContentFrame"> <div class="mainContentFrameTitle"><h1>Welkom bij wimako.nl </h1></div> <div class="mainContentContent"> Hier wat teksten <!-- =================================== END MAINFRAME ================== --> <div id="footerText">© Copyright Wimako.nl 2008 | Design and programmed by Thomas Croonen </div>
|