login  Naam:   Wachtwoord: 
Registreer je!
 Forum

DiV 100%

Offline SilVeX - 28/01/2007 16:24
Avatar van SilVeXHTML beginner Er werd mij aangeraden om mijn website in div te zetten.
Nu ben ik daarmee bezig maar mijn div wil niet de volledige breedte pakken. Ik heb de width: 100%; Maar dan pakt die alleen het stuk dat hij nodig heeft voor de tekst. En ik wil juist dat hij de volledige breedte van de pagina pakt. Hoe kan ik dit doen?

12 antwoorden

Gesponsorde links
Offline Grayen - 28/01/2007 17:06
Avatar van Grayen PHP ver gevorderde heel simpel, namelijk geen width opgeven, omdat een div standaard display: block; heeft pakt hij automatisch de totale breedte, waarschijnlijk doordat jij width: 100% opgeeft, pakt hij daardoor alleen de breedte die hij nodigt heeft 
Offline SilVeX - 28/01/2007 22:07
Avatar van SilVeX HTML beginner Zonder de 100% doet hij nogsteeds hetzelfde. Zowel in IE als FF.
Hier mijn code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="style.css" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <title>Untitled Document</title>
  7. </head>
  8.  
  9. <body>
  10. <div class="layout">
  11. <div class="logo"></div>
  12. <div class="header">Content for class "header" Goes Here</div>
  13. </div>
  14. </body>
  15. </html>

En stijle.css:
http://www.plaatscode.be/3996/
Offline ThAlmighty - 28/01/2007 22:35
Avatar van ThAlmighty HTML beginner omdat je de div "layout" op absolute heb staan is hij dat kenmerk kwijt. Als je die nou is op relative of beter, gewoon uitzet, lukt het wel 
Offline SilVeX - 28/01/2007 22:36
Avatar van SilVeX HTML beginner @ThAlmighty
Die absolute stond er om te proberen, maar alsnog als ik die weghaal doet hij het nog niet
Offline Nanon - 28/01/2007 22:51
Avatar van Nanon PHP interesse Als je DIVS gebruikt moet je geen .layout doen (zover ik weet). Voor DIVS moet je #layout gebruiken. En dan worden je DIV's zo <div id="layout"></div>. Dus van die puntjes even een hekje maken?
Offline SilVeX - 28/01/2007 22:53
Avatar van SilVeX HTML beginner dan maak je enkel van een class een ID. En die div gebruik ik alleen om mijn andere divjes in te centeren... Dus waarom is het dan nog nodig ik denk dat dat niks veranderd aan mijn probleem
Offline Nanon - 28/01/2007 22:55
Avatar van Nanon PHP interesse Zonder te testen kom je het nooit te weten.
Offline SilVeX - 28/01/2007 22:57
Avatar van SilVeX HTML beginner ik heb het getest, en dan klopt mijn border ook niet meer als ik van class layout - id layout maak...
Dus ik denk niet dat die oplossing het moet zijn. Want het oude probleem blijft nog
Offline Ibrahim - 28/01/2007 23:16 (laatste wijziging 28/01/2007 23:17)
Avatar van Ibrahim PHP expert width: 100% veranderen in width: X px; ?

edit:

Waarin X een breedte is, die jij wilt hebben voor je site
Offline SilVeX - 28/01/2007 23:35
Avatar van SilVeX HTML beginner dat is het hem dus, ik wil 100% op elke resolutie
Offline Nanon - 29/01/2007 01:02
Avatar van Nanon PHP interesse position van je layout-div op relative zetten?
Offline SilVeX - 29/01/2007 14:43
Avatar van SilVeX HTML beginner ik vondt het een beetje onzinnig om een nieuw topic te openen over divjes. . .
Maar ik heb een divje en die wil ik onderin de pagina uitlijnen, hoe doe ik dit?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s