login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Breedte 100%

Offline finduilas - 25/06/2007 21:01
Avatar van finduilasPHP gevorderde Hey,

Ik wil dat me website 100% breed en hoog is.Voorlopige geraak ik zit helaas met het volgende probleem:
http://www.finduilascreations.be/AutobedrijfJoost/

http://pastebin.be/3253
http://pastebin.be/3254

6 antwoorden

Gesponsorde links
Offline Rik - 25/06/2007 21:10
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Je hebt nu een div voor het menu en een voor de content.
Het is misschien makkelijker als je daar nog een div om heen zet. Als je daar dan als achtergrond dat donkerblauw met de witte strepen van het menu in zet loopt in ieder geval mooi door! 
Offline vinTage - 25/06/2007 21:43 (laatste wijziging 25/06/2007 21:45)
Avatar van vinTage Nieuw lid http://alistapart.com/articles/fauxcolumns/
Ik herinner me dat je dat kon oplossen met faux columns
Zelf nog nooit gebruikt.


edit: Breedte ??
Offline finduilas - 27/06/2007 08:42 (laatste wijziging 27/06/2007 12:42)
Avatar van finduilas PHP gevorderde http://www.finduilascreations.be/AutobedrijfJoost/

Ik zit nog steeds dat hij niet in alle resoluties goed komt. Ik wil geen scrollbar .
Offline Ultimatum - 27/06/2007 12:44
Avatar van Ultimatum PHP expert overflow: none?
Offline finduilas - 27/06/2007 13:28 (laatste wijziging 03/07/2007 07:25)
Avatar van finduilas PHP gevorderde Hij verbergt gwn me scrollbar.

Ik wil als dit niet nodig is (door de content dan) dat hij tot beneden komt. Indien de tekst groter is moet het komen tot beneden. Ik dacht dat het height 100% was maar dat is het niet.
Offline Orves - 03/07/2007 08:29
Avatar van Orves Nieuw lid Voeg het volgende eens toe aan je CSS of pas hem even aan. [ik kon je CSS niet bekijken op mijn werk]

  1. * {
  2. padding: 0;
  3. margin: 0;
  4. }
  5.  
  6. html,body {
  7. height:100%;
  8. min-height:100%;
  9. }
  10.  
  11. #wrapper {
  12. position: relative;
  13. top : 0;
  14. left :50%;
  15. height : 100%;
  16. width: 100%;
  17. margin-top: 0;
  18. margin-left: -50%;
  19. }


En begin daarna je HTML document met de wrapper div en plaats daar binnen de gehele content van je website.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <title>Sitemasters</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  6. <meta http-equiv="Content-Language" content="NL">
  7. <link rel="stylesheet" href="style.css" type="text/css">
  8. </head>
  9. <body>
  10. <div id="wrapper">
  11. Dit is een test
  12. </div>
  13. </body>
  14. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.209s