Ik heb een stukje gevonden in t boek.
Je site is opgebouwd in kolommen of niet?
Nou iig:
Het stukje gaat over "liquid columns", kolummen worden dan ingedeeld met procenten ipv met pixels.
Als je 2 kolommen hebt, van beide 50% wordt die in Firefox wel goed weergegeven.
Als je dan 1 kolom op 49.999% zet pakt die het wel goed.
Verder heb ik nog een oefening gehad, dit is het CSS bestand:
Code:
body {
margin: 0px;
padding: 0px;
}
#newsColumn, #infoColumn {
float: left;
}
#newsColumn {
background-color: #cccccc;
width: 300px;
}
#infoColumn {
background: #999999;
width: 300px;
}
Gewoon de margin en padding op 0 zetten, maar dat had je zelf al geprobeerd neem ik aan.
en de HTML
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>Untitled Document</title>
<style type="text/css">
<!--
@import url("twocolumnlayout.css");
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="newsColumn">
<h1><em><strong>News</strong></em></h1>
<p>Duis aute irure dolor velit esse cillum dolore in reprehenderit in voluptate. Ut labore et dolore magna aliqua. Qui officia deserunt sed do eiusmod tempor incididunt mollit anim id est laborum.</p>
<p>Ut enim ad minim veniam, duis aute irure dolor excepteur sint occaecat. Velit esse cillum dolore eu fugiat nulla pariatur. Mollit anim id est laborum. Sunt in culpa sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet. Ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, velit esse cillum dolore excepteur sint occaecat. Sunt in culpa duis aute irure dolor sed do eiusmod tempor incididunt.</p>
<p>Ut labore et dolore magna aliqua. Mollit anim id est laborum. Consectetur adipisicing elit, qui officia deserunt in reprehenderit in voluptate.</p>
<p>Duis aute irure dolor ullamco laboris nisi lorem ipsum dolor sit amet. Eu fugiat nulla pariatur. Consectetur adipisicing elit.</p>
</div>
<div id="infoColumn">
<h1>Information</h1>
<p>Let me not to the marriage of true minds which alters when it alteration finds, love alters not with his brief hours and weeks. Oh, no, it is an ever fixed mark but bears it out even to the edge of doom. Admit impediments; love is not love within his bending sickle's compass come; that looks on tempests and is never shaken. Which alters when it alteration finds, love's not time's fool, though rosy lips and cheeks or bends with the remover to remove. I never writ, nor no man ever loved.</p>
<p>But bears it out even to the edge of doom. Let me not to the marriage of true minds. Love's not time's fool, though rosy lips and cheeks that looks on tempests and is never shaken; let me not to the marriage of true minds. Whose worth's unknown, although his height be taken.</p>
<p>Oh, no, it is an ever fixed mark within his bending sickle's compass come; love's not time's fool, though rosy lips and cheeks. Or bends with the remover to remove. That looks on tempests and is never shaken; which alters when it alteration finds, admit impediments; love is not love. Oh, no, it is an ever fixed mark but bears it out even to the edge of doom. Whose worth's unknown, although his height be taken.</p>
<p>Or bends with the remover to remove. Love's not time's fool, though rosy lips and cheeks admit impediments; love is not love it is the star to every wand'ring bark. But bears it out even to the edge of doom. Whose worth's unknown, although his height be taken. That looks on tempests and is never shaken; love's not time's fool, though rosy lips and cheeks if this be error and upon me proved.</p>
<p>Let me not to the marriage of true minds oh, no, it is an ever fixed mark but bears it out even to the edge of doom. Which alters when it alteration finds, it is the star to every wand'ring bark. Let me not to the marriage of true minds within his bending sickle's compass come; which alters when it alteration finds.</p>
</div>
</div>
</body>
</html>
Maar jah... ik weet niet of dit is wat je bedoeld.
Ik zal even kijken of ik de bestanden ergens kan uploaden...
Dat is misschien makkelijker
