login  Naam:   Wachtwoord: 
Registreer je!
 Forum

layout met CSS (Opgelost)

Offline jri123 - 20/04/2008 18:51 (laatste wijziging 20/04/2008 18:56)
Avatar van jri123Nieuw lid Hallo

Ik heb de opdracht gekregen een layout te maken met CSS.

Heb al verschillende dingen geprobeerd maar het wil maar niet lukken om mijn layout te vervolledigen. Ik hoop dat iemand me kan helpen..

webs.hogent.be/joerib is de layout in XHTML maar ik zou deze in CSS moeten krijgen..

Ik werk met een externe CSS file voor de opmaak.

Het probleem dat ik heb is dat ik mijn div's niet op de correcte plaats krijg.

Code in HTML:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3. <title>Layout met CSS</title>
  4. <link rel = "stylesheet" type="text/CSS" href="layout.css"/>
  5. </head>
  6. <div id="hoofding"></div>
  7. <div id="linkerkolom"></div>
  8. <div id="inhoud"></div>
  9. <div id="voettekst"></div>
  10. </body>
  11. </html>


En wat er in mijn CSS-file staat:
  1. div#hoofding
  2. {
  3. width: 800px;
  4. height: 100px;
  5. background-color: black;}
  6.  
  7. div#linkerkolom
  8. {
  9. width: 200px;
  10. height: 450px;
  11. background-color: green;
  12. float: left;}
  13.  
  14. div#inhoud
  15. {
  16. width: 600px;
  17. height: 450px;
  18. background-color: blue;
  19. position:fixed;}
  20.  
  21. div#voettekst
  22. {
  23. width: 800px;
  24. height: 50px;
  25. background-color: red;}


Hoping for some feedback 

Citaat:
Rens edit:
Feedback nr 1: Codetags gebruiken!

2 antwoorden

Gesponsorde links
Offline Martijn - 20/04/2008 19:02
Avatar van Martijn Crew PHP wat je moet doen is een div maken om #linkerkolom en #inhoud.
  1. <div id="hoofding"></div>
  2. <div id="extra">
  3. <div id="linkerkolom"></div>
  4. <div id="inhoud"></div>
  5. </div>
  6. <div id="voettekst"></div>


optie 2:
alles in 1 #container div zetten, dan overal position: Absolute; bij zetten, en dan met
top: 123px;
left: 456px;
bepalen hoever ie van de linkerbovenhoek moet van de container.

de container zet je in het midden door te doen:
margin: 0px auto;
Offline jri123 - 20/04/2008 19:23 (laatste wijziging 20/04/2008 19:41)
Avatar van jri123 Nieuw lid Ok, het werkt, nu nog het geheel in het midden van mijn pagina krijgen. Zou iemand mij daar kunnen mee helpen?


Citaat:
Rens edit:
Volgens de regels spreken we hier nog altijd Algemeen Nederlands.
MSN taal valt daar dus niet onder!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s