PHP interesse |
|
ok, nu heb ik wat ik voor elkaar wilde hebbem met mijn div's. Dat mijn hoogte allemaal 100% zijn en dat alles met plaatjes en achtergrondkleuren worden uitgevuld ookal er geen tekst staat. Echter kom ik nu op een ander probleem... als ik meer tekst heb en naar beneden moet gaan scrollen blijven mijn kleuren en achtergrondplaatjes op die 100% lijn zitten (onderaan de pagina...) wat daaronder zit heeft dus helemaal geen achtergrond meer....
hier mijn stukje css:
html, body {
width: 100%;
height: 100%;
margin: 0px;
color: #333333;
font-family: Verdana, sans-serif;
font-size: 10px;
background-color: #ffffff;
background-image: url('../images/achtergrond.gif');
background-attachment; fixed;
background-repeat: repeat-x;
}
#container {
margin: 0px auto;
width: 780px;
height: 100%;
background-color: #FFFFFF;
}
#cont_links {
width: 360px;
height: 100%;
background-color: #f5f5f5;
float: left;
}
#cont_rechts {
width: 380px;
height: 100%;
background-image: url('../images/inhoud_bg.gif');
background-repeat: repeat-y;
float: left;
}
#schaduw_links {
width: 20px;
height: 100%;
background-image: url('../images/schaduw_bg_links.gif');
background-repeat: repeat-y;
float: left;
}
#schaduw_rechts {
width: 20px;
height: 100%;
background-image: url('../images/schaduw_bg_rechts.gif');
background-repeat: repeat-y;
float: left;
}
html, body { width: 100%; height: 100%; margin: 0px; color: #333333; font-family: Verdana, sans-serif; font-size: 10px; background-color: #ffffff; background-image: url('../images/achtergrond.gif'); background-attachment; fixed; background-repeat: repeat-x; } #container { margin: 0px auto; width: 780px; height: 100%; background-color: #FFFFFF; } #cont_links { width: 360px; height: 100%; background-color: #f5f5f5; float: left; } #cont_rechts { width: 380px; height: 100%; background-image: url('../images/inhoud_bg.gif'); background-repeat: repeat-y; float: left; } #schaduw_links { width: 20px; height: 100%; background-image: url('../images/schaduw_bg_links.gif'); background-repeat: repeat-y; float: left; } #schaduw_rechts { width: 20px; height: 100%; background-image: url('../images/schaduw_bg_rechts.gif'); background-repeat: repeat-y; float: left; }
en mijn html code:
<!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>robmoorman.nl</title>
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<script type="text/javascript" src="javascript/functies.js"></script>
<link rel="stylesheet" type="text/css" href="template/lightbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="template/stijl.css" media="screen" />
</head>
<body>
<a name="top">
<div id="container">
<div id="schaduw_links"><img src="images/schaduw_links.gif" border="0px" alt="" /></div>
<div id="cont_links">
<div id="logo"></div>
<div id="text_links">
<h1>Welkom</h1>
<div class="intro">Op de website van grafisch (web)designer Rob Moorman</div>
<h1>Wat te zien</h1>
<div class="text_onder">Op mijn website kunt u mijn werk bezichtigen. Van tekeningen tot animaties, al mijn werk is te zien op mijn website.</div>
<h1>Profiel</h1>
<div id="login">
</div>
</div>
</div>
<div id="cont_rechts">
<div id="menu">
<div id="cont_navigatie">
<ul id="nav_lijst">
<li><a href="#">Home</a></li>
<li><a href="?p=overmij">Over mij</a></li>
<li><a href="?p=portfolio">Portfolio</a></li>
<li><a href="?p=fotos">Fotoalbum</a></li>
<li><a href="?p=gastenboek">Gastenboek</a></li>
</ul>
</div>
</div>
<div id="streep"></div>
<div id="text_rechts">
<div id="overmij_links">
<img src="images/pijltje.gif" border="0px" alt="" /> Over mij<br/>
<a href="overmij_opleidingen.html">Opleidingen</a><br />
<a href="overmij_werkervaring.html">Werkervaring</a><br />
<a href="overmij_hobbys.html">Hobby's</a>
</div>
<h2>Over mij</h2>
<h3>Het leven van een grafisch ontwerper in Spe</h3>
<div class="text_onder">Mijn naam is Rob Moorman, ik ben geboren op 9 mei 1987 in Zwolle. In deze gezellige stad woon ik nog steeds. Tijdens mijn kinderjaren heb ik het ontwerpers licht al gezien. Ik wil altijd nieuwe dingen ontdekken. Kortom, ik zit nooit stil.</div>
<h3>Op weg naar de top</h3>
<div class="text_onder">Door mijn grote interesse in het ontwerpen ben ik nu student Communicatiesystemen: afstudeerrichting Multimedia & Vormgeving aan de Hanzehogeschool Groningen. In het jaar 2005/2006 heb ik Industrieel Product Ontwerp gestudeerd op hogeschool Windesheim te Zwolle. Tijdens die studie ben ik erachter gekomen dat mijn passie toch ?cht ligt bij grafisch vormgeving. Vandaar dat ik geswitched ben van studie en dit een goede keus is geweest.</div>
<h3>De handen uit de mouw buiten studietijd</h3>
<div class="text_onder">Naast mijn studie werk ik bij opslagbedrijf Spacewinner als beheerder. Daarvoor heb ik vier jaar gewerkt bij de Albert Heijn als vulploegleider. Ook is er tijd voor andere dingen. Ik ben sportief ingesteld, hou erg van voetbal. Daarnaast kijk ik films, luister vaak muziek, breng tijd door met mijn vrienden en vriendin. In mijn vrije tijd ben ik ook veel bezig met grafisch ontwerpen. Ik ontwerp met plezier websites voor vrienden en bekenden. En als ik achter de computer zit ben ik vaak bezig met Illustrator of Photoshop.</div>
<div id="top"><a href="#top"><img src="images/pijltje.gif" border="0px" alt="" /> Top</a></div>
</div>
</div>
<div id="schaduw_rechts"><img src="images/schaduw_rechts.gif" border="0px" alt="" /></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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>robmoorman.nl</title> <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="javascript/lightbox.js"></script> <script type="text/javascript" src="javascript/functies.js"></script> <link rel="stylesheet" type="text/css" href="template/lightbox.css" media="screen" /> <link rel="stylesheet" type="text/css" href="template/stijl.css" media="screen" /> </head> <body> <a name="top"> <div id="container"> <div id="schaduw_links"><img src="images/schaduw_links.gif" border="0px" alt="" /></div> <div id="cont_links"> <div id="logo"></div> <div id="text_links"> <h1>Welkom</h1> <div class="intro">Op de website van grafisch (web)designer Rob Moorman</div> <h1>Wat te zien</h1> <div class="text_onder">Op mijn website kunt u mijn werk bezichtigen. Van tekeningen tot animaties, al mijn werk is te zien op mijn website.</div> <h1>Profiel</h1> <div id="login"> </div> </div> </div> <div id="cont_rechts"> <div id="menu"> <div id="cont_navigatie"> <ul id="nav_lijst"> <li><a href="#">Home</a></li> <li><a href="?p=overmij">Over mij</a></li> <li><a href="?p=portfolio">Portfolio</a></li> <li><a href="?p=fotos">Fotoalbum</a></li> <li><a href="?p=gastenboek">Gastenboek</a></li> </ul> </div> </div> <div id="streep"></div> <div id="text_rechts"> <div id="overmij_links"> <img src="images/pijltje.gif" border="0px" alt="" /> Over mij<br/> <a href="overmij_opleidingen.html">Opleidingen</a><br /> <a href="overmij_werkervaring.html">Werkervaring</a><br /> <a href="overmij_hobbys.html">Hobby's</a> </div> <h2>Over mij</h2> <h3>Het leven van een grafisch ontwerper in Spe</h3> <div class="text_onder">Mijn naam is Rob Moorman, ik ben geboren op 9 mei 1987 in Zwolle. In deze gezellige stad woon ik nog steeds. Tijdens mijn kinderjaren heb ik het ontwerpers licht al gezien. Ik wil altijd nieuwe dingen ontdekken. Kortom, ik zit nooit stil.</div> <h3>Op weg naar de top</h3> <div class="text_onder">Door mijn grote interesse in het ontwerpen ben ik nu student Communicatiesystemen: afstudeerrichting Multimedia & Vormgeving aan de Hanzehogeschool Groningen. In het jaar 2005/2006 heb ik Industrieel Product Ontwerp gestudeerd op hogeschool Windesheim te Zwolle. Tijdens die studie ben ik erachter gekomen dat mijn passie toch ?cht ligt bij grafisch vormgeving. Vandaar dat ik geswitched ben van studie en dit een goede keus is geweest.</div> <h3>De handen uit de mouw buiten studietijd</h3> <div class="text_onder">Naast mijn studie werk ik bij opslagbedrijf Spacewinner als beheerder. Daarvoor heb ik vier jaar gewerkt bij de Albert Heijn als vulploegleider. Ook is er tijd voor andere dingen. Ik ben sportief ingesteld, hou erg van voetbal. Daarnaast kijk ik films, luister vaak muziek, breng tijd door met mijn vrienden en vriendin. In mijn vrije tijd ben ik ook veel bezig met grafisch ontwerpen. Ik ontwerp met plezier websites voor vrienden en bekenden. En als ik achter de computer zit ben ik vaak bezig met Illustrator of Photoshop.</div> <div id="top"><a href="#top"><img src="images/pijltje.gif" border="0px" alt="" /> Top</a></div> </div> </div> <div id="schaduw_rechts"><img src="images/schaduw_rechts.gif" border="0px" alt="" /></div> </div> </body> </html>
het is te zien op http://www.robmoorman.nl/preview/?p=overmij
|