login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS uitlijnen - Probleem (Opgelost)

Offline Marly - 03/11/2008 20:42 (laatste wijziging 03/11/2008 20:43)
Avatar van MarlyHTML interesse Ik heb een probleempje met de uitlijning van een site waar ik mee bezig ben. (heb al het grafische er even afgelaten)

Zoals je ziet bij de tekst floating content, die staat onder de hoogte van het menu, en dat moet gelijk komen onder de header.

En voor zover ik er verstand van heb staat alles goed in me CSS.
Maar dat zal wel niet want word niet weergegeven zoals ik zou willen. 

Is er iemand die een kijkje naar de code zou willen en mij dan kan vertellen wat ik verkeerd doe?

Alvast bedankt.

http://www.marly-it.nl/images/probleem.jpg

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" href="stijlen/mit.css" TYPE="text/css">
  7. </head>
  8.  
  9.  
  10. <div class="header">
  11. <p>Header</p>
  12. </div>
  13.  
  14. <div class="menu">
  15. Home<br>
  16. Contact<br>
  17. Medewerkers<br>
  18. Vestigingen<br>
  19. Referenties<br>
  20. Bedrijven<br>
  21. </div>
  22.  
  23. <div class="content">
  24. <p>Floating Content</p>
  25. <p>Floating Content</p>
  26. <p>Floating Content</p>
  27. </div>
  28.  
  29. </body>
  30.  
  31. </html>


  1. html {
  2. text-align: center;
  3. font: 10px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  4. background-color: #efefef;
  5. color: #4b4b4b;
  6. }
  7.  
  8. body {
  9. margin: 0 auto;
  10. padding: 0;
  11. width: 80%;
  12. text-align: left;
  13. }
  14.  
  15. div.header {
  16. background-color: #ffffff;
  17. height: 100px;
  18. }
  19.  
  20. div.menu {
  21. margin-left: 0px;
  22. width: 200px;
  23. }
  24.  
  25. div.content {
  26. margin-left: 200px;
  27. align: top;
  28. }
  29.  
  30. p {
  31. font-size: 11px;
  32. margin-bottom: 15px;
  33. }
[wiki]

6 antwoorden

Gesponsorde links
Offline MiST - 03/11/2008 21:23
Avatar van MiST Lid Het kan altijd handig zijn om al eens in je CSS een float: left en display: block op te nemen... 8-)
Offline Marly - 03/11/2008 21:53
Avatar van Marly HTML interesse
MiST schreef:
Het kan altijd handig zijn om al eens in je CSS een float: left en display: block op te nemen... 8-)


En bij welk gedeelte zou ik dit neer moeten zetten?
Bij allemaal of alleen bij html en body?
Offline Kr4nKz1n - 03/11/2008 21:54
Avatar van Kr4nKz1n Onbekend Experimenteer en gij zult zien.

Gewoon op verschillende plekken die code zetten.

float wil zeggen dat de objecten naast elkaar worden geplaatst (simpel gezegd).
Offline Joost - 03/11/2008 22:16
Avatar van Joost PHP expert align: top; => vertical-align: top;
Offline markla - 03/11/2008 23:22
Avatar van markla PHP interesse http://www.site...&id=90
Offline Marly - 05/11/2008 21:00
Avatar van Marly HTML interesse aha ok ;)
float: left; was de oplossing.
Bedankt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s