login  Naam:   Wachtwoord: 
Registreer je!
 Forum

divs fluid (breedte)

Offline username - 28/09/2005 16:35
Avatar van usernameHTML interesse ik heb mijn site nu met tabellen maar ik wil er divs van maken.
  1. <table border='0' cellpadding='0' cellspacing='0' width='100%'>
  2. <tr>
  3.  
  4. <td valign='top'></td>
  5.  
  6. <td width='100%' valign='top'></td>
  7.  
  8. <td valign='top'></td>
  9.  
  10. </tr>
  11. </table>
ik heb nu deze html code maar ik wil dat het precies het zelfde resultaat geeft als het met divs is gedaan (in IE en FF) ik heb al een aantal dingen geprobeerd maar het werkte niet. ik heb ook nog een plaatje online met wat ik bedoel. http://gta-net.org/images/gtafan/site.png

ik hoop dat iemand mij kan helpen:?:

B.V.D.

username

3 antwoorden

Gesponsorde links
Offline DaOxx - 28/09/2005 16:46 (laatste wijziging 28/09/2005 16:50)
Avatar van DaOxx PHP beginner Je moet ook wel bepalen met wat je gaat werken procenten of pixels hoe breed meot hij zijn, moet hij mee bewegen? Dan maak je een 100% div en daar binnen plaats je links 150 en rechts 150.

*edit

heb dit even snel getypt:
  1. <style>
  2. div#wrapper {
  3. width: 100%;
  4. height: 300px;
  5. border: 1px solid black;
  6. }
  7.  
  8. div#left {
  9. float: left;
  10. width: 150px;
  11. height: 300px;
  12. border: 1px solid black:
  13. border-width: 0 1px 0 0;
  14. }
  15.  
  16. div#content {
  17. float: left;
  18. height: 300px;
  19. text-align: center;
  20. }
  21.  
  22. div#right {
  23. float: right;
  24. width: 150px;
  25. height: 300px;
  26. border: 1px solid black;
  27. border-width: 0 0 0 1px;
  28. }
  29. </style>
  30.  
  31. <div id="wrapper">
  32. <div id="left">Links</div>
  33. <div id="content">Content jka;sjdf klsdjf ;ls</div>
  34. <div id="right">Rechts</div>
  35. </div>
Offline username - 28/09/2005 17:10 (laatste wijziging 28/09/2005 23:33)
Avatar van username HTML interesse bedankt het werkt:D

Edit:

ik heb nog een probleempje de content als de div ervan 100% doe dan staat er niks meer goed. maar als ik hem geen breedte geef dan houd i de breedte van de text aan. hoe kan ik dit oplossen?
Offline DaOxx - 30/09/2005 09:46
Avatar van DaOxx PHP beginner Wat maakt het uit dat hij de breedte van de tekst aanhoud je ziet dit toch niet omdat hij toch geen border bevat.

Op een andere manier zou het niet kunnen, aangezien je 100% wilt hebben en rechts en links pixels hebt ingesteld. Op deze manier weet je dus niet hoeveel pixels hij overhoud. Wat je zou kunnen doen is alles in procenten uitrukken dus dan krijg je bijvoorbeeld:

  1. <style>
  2. div#wrapper {
  3. width: 100%;
  4. height: 300px;
  5. border: 1px solid black;
  6. }
  7.  
  8. div#left {
  9. float: left;
  10. width: 15%;
  11. height: 300px;
  12. border: 1px solid black:
  13. border-width: 0 1px 0 0;
  14. }
  15.  
  16. div#content {
  17. float: left;
  18. width: 69%;
  19. height: 300px;
  20. text-align: center;
  21. }
  22.  
  23. div#right {
  24. float: right;
  25. width: 15%;
  26. height: 300px;
  27. border: 1px solid black;
  28. border-width: 0 0 0 1px;
  29. }
  30. </style>
  31.  
  32. <div id="wrapper">
  33. <div id="left">Links</div>
  34. <div id="content">Content jka;sjdf klsdjf ;ls</div>
  35. <div id="right">Rechts</div>
  36. </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s