Hier zie je mijn probleem:
de lengte van de body past zich niet aan, aan de inhoud die er in staat, de CSS die ik bij het body gebruik is:

.inhoudbestelling{
background:white;
width: 600px ;
height: 100%;
min-height: 100%;
margin-left: 70px;
margin-right: auto ;
margin-top: 40px;
}

[img]http://s16.postimg.org/x0efctv4x/probleem.jpg[/img]
(dat rode lijntje op die foto is de body)
Waarschijnlijk een foutje in je HTMl, kun je die eens laten zien?

Toevoeging op 23/01/2014 12:12:56:

Maak overigens van background: white; even background-color: white;
de div staat op code regel 2.
and thx voor de background-color tip, zojuist veranderd :)


<div class="bestellingbody">
<?php
echo "<div class='inhoudbestelling'>";
// inloggegevens
$email=$_SESSION['email'];

// aan de hand van inloggegevens bestellingen
$sql_gegevens = "SELECT * FROM gegevens WHERE email = '$email'";
$sql_result = $dbh->query($sql_gegevens);

foreach($sql_result as $row)
{
$klant_id=$row['klant_id'];
$voornaam = $row['voornaam'];
$achternaam = $row['achternaam'];

echo "</br>
<h2><p>Uw Bestellingen</p></h2>
<div><h4>Welkom $voornaam $achternaam dit zijn de bestellingen die u in het verleden heeft gemaakt.</h4></div>";

// aan de hand van klant_id de bestelling ophalen
$sql_bestelling= "SELECT * FROM bestelling WHERE klant_id = $klant_id";
foreach($dbh->query($sql_bestelling) as $row)
{
$product_id=$row['product_id'];
$datum=$row['datum'];

// gegevens over de producten uit de bestelling ophalen
$sql_product = "SELECT * FROM producten WHERE product_id= $product_id";
$sql_result = $dbh->query($sql_product);

foreach($sql_result as $row)
{
$product_id=$row['product_id'];
$product_naam=$row['product_naam'];
$prijs=$row['prijs'];

// output
echo "<div>$product_naam</div>
<div>$prijs euro</div>
<div>Datum gekocht: $datum</div>
<br/>";
}
}
}
echo "</div>
</div>";

include 'includes/productfooter.php';
?>

Het staat in php niet in html, ik hoop dat je er nog wat van kan maken, want de code is volgens mij door de tijd heen redelijk rommelig geworden xD

mijn div gaat niet naar height:100%

Dat doet hij wel. Alleen jij weet niet wat 100% is....

Een div is automatisch zo groot als nodig is en dat is 100%. Jij wil hem nu groter hebben dan normaal zou zijn. Je moet dus heel ergens anders naar kijken. Wat is de css voor de elementen in die div? Zitten daar bijvoorbeeld float elementen tussen? In dat geval zal je aan het einde een element moeten opnemen dat een clear heeft zodat alle floats volledig worden opgenomen en niet over het einde heen gaan.
Erwin H op 23/01/2014 12:31:29

Een div is automatisch zo groot als nodig is en dat is 100%. Jij wil hem nu groter hebben dan normaal zou zijn. Je moet dus heel ergens anders naar kijken. Wat is de css voor de elementen in die div? Zitten daar bijvoorbeeld float elementen tussen? In dat geval zal je aan het einde een element moeten opnemen dat een clear heeft zodat alle floats volledig worden opgenomen en niet over het einde heen gaan.

Dit is mijn CSS van de div:

.inhoudbestelling{
background:white;
width: 600px ;
height: 100%;
min-height: 100%;
margin-left: 70px;
margin-right: auto ;
margin-top: 40px;
}

zoals je ziet zitten er geen float elementen tussen, dus weet ik ook niet waar het aan ligt :/

En ik heb al in meerdere sites gelezen dat height:100%; en min-height:100%; betekend dat de height van de div net zo groot wordt als de inhoud die in de div staat, dan hoort mijn code toch gewoon te kloppen?



Toevoeging op 23/01/2014 13:08:08:

x.x

Toevoeging op 23/01/2014 13:14:49:

HELP MIJ O_O !!
En in welke html staat die div?
- SanThe - op 23/01/2014 13:19:41

En in welke html staat die div?


bedoel je welke versie HTML ik gebruik, want daarover heb ik echt totaal geen idee :/
Nee, in welke parent.
- SanThe - op 23/01/2014 13:24:58

Nee, in welke parent.


Hij heeft geen parent
Zet html en body ook eens op 100%,
- SanThe - op 23/01/2014 13:41:02

Zet html en body ook eens op 100%,


bedoel je zo: ?

html{
height: 100%;
}
body {
min-height: 100%;
}

Reageren