Door
Altin
op 19-02-2006 15:16
gewijzigd op 19-02-2006 15:17
515 views
Hallo iedereen :)
Ik probeer een site die ik gemaakt heb, om te zetten in css omdat ik met tabels werkte, en dat niet zo goed was oor layouts ...
Maar het werkt wel niet :(
Het is warschijnlijk die height:100% dat het m niet doet :( zie bron hier: http://62.195.37.233/e-xyper/
Wat doe ik verkeerd ?
aja , heb ook dit geprobeert maar werkt evenmin:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">;
<html>
<head>
<title>Site in CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#inlijsting {
height: 100%;
width: 648px;
background-image:url(images/bg_img2.gif)
}
#links {
height:100%;
width:46px;
}
</style>
Hoogte op 100% geeft vaak problemen in CSS, waarschijnlijk omdat je dat gewend bent met een tabellenlay-out.
Zo te zien wil je een lay-out met aan de linkerkant je menu en aan de rechterkant je content. De hoogte van elementen kun je het beste laten bepalen door hun inhoud.
Dat is het m net :P
De link werkt, want je ziet de titel, maar er is geen uitvoer :)
Ik ben idd gewend met tabellen te werken.
Maar omdat die 100% niet werkte probeer ik het met css
die div met width: 648px moet ik nog opsplitsen in 3 kolommen (omdat er 2 randen zijn en dan in't midden de content ...
Maar ik geraak nie verder :(
Ik weet niet hoe die kolommen te doen en 't rotding vergroot niet :P
Bedankt :)
Ik ben al iets verder geraakt nu: http://62.195.37.233/e-xyper/
maar nu zou ik graag de banner naast de navigatie willen zetten (zie bron :P)
Weet iemand hoe
@ Altin: bij lay-out worden zowel classes als divs gebruikt. Een div gebruik je meestal bij elementen die maar 1 keer per pagina voorkomen. Dan geef je ze een id mee, bijv:
<div id="container">
Een class gebruik je bij elementen die vaker per pagina voorkomen, bijv:
<input class="medium">
Voor wat betreft je lay-out:
Als je CSS tut deel 1 goed doorleest moet je er uit kunnen komen.
Als je het hebt over die position: absolute;
die lukt echt net, ik kan maar niet berekenen hoeveel px het vanaf de linkerkant en top moet taan :(
Is er geen andere manier ?
Bij voorbaat dank :)
als je met heights 100% werkt moet je in je body definitie is je CSS ook de height 100% meegegeven (dit is voor FF).
Verder zorgt de eerste regel (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">;
) ervoor dat dat niet kan. w3c kent geen 100% namelijk. Als je die regel verwijderd komt je pagina niet meer door de validator, maar hij zal zeker in alle browsers goed te zien zijn (LET OP JE BODY in je css)
