login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[CSS]Border veroorzaakt problemen

Offline Esli - 04/05/2008 15:56
Avatar van EsliPHP interesse Hallo,

Ik zit met ene probleempje. Ik probeer een lay-out voor men forum-berichten te maken. (dit doe ik met divs)
Nou ik neem dus een soort van container met width: 100%, een soort van menutje met als width 25%. Ik dacht dus het content-vlak (waar het bericht in komt) op 75% te zetten, ik heb wel aan men menu nog een border-right (van 2px) en die zorgt uiteindelijk voor problemen, de tekst komt niet op de goede plaats. Ik vraag me dus af hoe ik dit best kan oplossen.

Ik heb nu een testcode in mekaar gestopt:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <html>
  4. <head>
  5. <title>Untitled</title>
  6. <style type="text/css">
  7. <!--
  8. .forum_container {
  9. background-color: #000;
  10. border: 3px solid #666;
  11. width: 100%;
  12. overflow: auto;
  13. }
  14. .forum_menu {
  15. background-color: #FFF;
  16. width: 25%;
  17. border-right: 2px solid #666;
  18. float: left;
  19. }
  20. .forum_content {
  21. background-color: orange;
  22. width: 75%;
  23. float: right;
  24. }
  25. -->
  26. </style>
  27.  
  28. </head>
  29. <body>
  30.  
  31. <div class="forum_container">
  32. <div class="forum_menu">lala</div>
  33. <div class="forum_content">e</div>
  34. </div>
  35.  
  36. </body>
  37. </html>


Nou in IE7 werkt dit allemaal naar behoren maar in firefox wil dit niet werken. Dan springt het oranje vlak als het ware een lijn lager.

Weet iemand raad?

4 antwoorden

Gesponsorde links
Offline Esli - 04/05/2008 16:03
Avatar van Esli PHP interesse
Sandernerd schreef:
[..quote..]

Hoe oud ben je eigenlijk?

volgens mij nog erg jong.

Gewoon simpel uitgelgd:
Ik heb 3 divs, een container, een meu & een content. Container is gewoon 100%, menu 25%, content 75%. Aan het menu zit rechts een randje. Doordat randje verspringt de content.

Eenvoudiger kan ik het niet uitleggen hoor.
Offline zointer - 04/05/2008 16:20 (laatste wijziging 04/05/2008 16:21)
Avatar van zointer HTML gevorderde doe die float: right; bij forum_content eens weg
edit: Of maak er een float:left; van
Offline Esli - 04/05/2008 16:53 (laatste wijziging 04/05/2008 16:54)
Avatar van Esli PHP interesse
zointer schreef:
doe die float: right; bij forum_content eens weg
edit: Of maak er een float:left; van


Hem wegdoen heeft geen nut. Hem left maken wel ;à

Bedankt.

Toch niet opgelost Blijkt dat het in firefox niet werkt.
Offline zointer - 04/05/2008 22:07
Avatar van zointer HTML gevorderde
Esli schreef:
[..quote..]

Hem wegdoen heeft geen nut. Hem left maken wel ;à

Bedankt.

Toch niet opgelost Blijkt dat het in firefox niet werkt.

Raar maar laat float weg en maak het 100% width, zal dan worden wat je wil 
  1. .forum_content {
  2. background-color: orange;
  3. width: 100%;
  4. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.204s