login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS layout (Opgelost)

Offline janwillem117 - 19/12/2008 17:22 (laatste wijziging 19/12/2008 17:30)
Avatar van janwillem117Nieuw lid ik heb een css layout gemaakt en nou wil ik dus een header dan menu links en daarnaast content dit is wat ik heb:
stijl.css
  1. #header {
  2. width:1000px;
  3. height:150px;
  4. background:url('images/kader.png');
  5. }
  6.  
  7. #menu {
  8. width:200px;
  9. left:0px;
  10. height:400px;
  11. background:url('images/menu1.png');
  12. }
  13.  
  14. #content {
  15. width:800px;
  16. height:400px;
  17. padding-left:200px;
  18. background:url('images/content.png');
  19. }


en de index.html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3.  
  4. <title>Home - JanWillem-117</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" type="text/css" href="stijl.css" />
  7. </head>
  8.  
  9. <body style="background-color: #ECECEC">
  10. <div id='header'><img alt="" src="images/header.png" width="800" height="150" /></div>
  11. <div id="menu"></div>
  12. <div id="content"></div>
  13. </body>
  14.  
  15. </html>


hoe kan het dat ie niet zo gaat als ik wil?
(ik ben de tutorial Div element al gelezen)

hier een voorbeeld hoe ik hem nu heb:
http://www.janwillem-117.nl

10 antwoorden

Gesponsorde links
Offline Koen - 19/12/2008 17:31
Avatar van Koen PHP expert float: left; toevoegen bij menu en content.
Offline janwillem117 - 19/12/2008 17:47
Avatar van janwillem117 Nieuw lid nu zitten de stukken aan elkaar, hoe krijg ik daar een stukje tussen?
Offline Xan - 19/12/2008 17:54
Avatar van Xan HTML interesse Door margin toe te voegen aan menu of content
Margin
Offline janwillem117 - 19/12/2008 19:04
Avatar van janwillem117 Nieuw lid hij is nu gelukt maar hoe krijg ik het bottom stuk helemaal tegen de onderkant?
ik heb nu dit:
  1. #bottom {
  2. width:1000px;
  3. height:40px;
  4. background:url('images/menu1.png');
  5. bottom:0px;
  6. margin-left:150px;
  7. }


maar dan zit ie niet helemaal aan de onderkant


Offline Martijn - 19/12/2008 19:09
Avatar van Martijn Crew PHP en bottom is niet ondersteund door IE 
Offline janwillem117 - 19/12/2008 19:25
Avatar van janwillem117 Nieuw lid hoe krijg ik het dan wel helemaal aan de onderkant 
Offline zointer - 20/12/2008 07:56
Avatar van zointer HTML gevorderde articles footers

DeviourSoul schreef:
en bottom is niet ondersteund door IE 

Op wat baseer jij je?
Screen ie
Offline janwillem117 - 20/12/2008 09:58
Avatar van janwillem117 Nieuw lid ik heb hem nu wel helemaal aan de onderkant maar nou doet het achtergrondplaatje van het div het niet meer
Offline zointer - 20/12/2008 11:22
Avatar van zointer HTML gevorderde http://www.janwillem-117.nl/images/footer.png
Citaat:
De afbeelding "http://www.janwillem-117.nl/images/footer.png" kan niet worden weergegeven, omdat hij fouten bevat.
Offline janwillem117 - 20/12/2008 14:54
Avatar van janwillem117 Nieuw lid bedankt, het is gelukt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s