login  Naam:   Wachtwoord: 
Registreer je!
 Forum

menu te kort

Offline Jointjeff - 24/03/2008 21:21 (laatste wijziging 24/03/2008 21:23)
Avatar van JointjeffHTML interesse http://www.vrds.nl/website.jpg

Zoals je ziet het rechter menu is niet lang genoeg, en veroorzaakt een open gedeelte. Mijn vraag is, hoe kan ik zorgen dat hij altijd aansluit op de footer?

Hoop dat jullie begrijpen wat ik bedoel.

  1. #rmenu {
  2. width: 210px;
  3. border-left: 1px solid #000;
  4. float: right;
  5. background-color: #BCDCFF;}

10 antwoorden

Gesponsorde links
Offline marten - 24/03/2008 21:29
Avatar van marten Beheerder Heb je een online voorbeeld?
Offline Jointjeff - 24/03/2008 21:31
Avatar van Jointjeff HTML interesse http://www.magnumpi.nl/x3
Offline shonda - 24/03/2008 21:53
Avatar van shonda Lid Ik zie alles door mekaar in het voorbeeld, is dat hetzelfde als die screenshot?  
Offline Jointjeff - 24/03/2008 21:55
Avatar van Jointjeff HTML interesse Mm, dat is in firefox. Hij werkt wel gewoon in IE.
Offline Dark_Paul - 25/03/2008 13:54 (laatste wijziging 25/03/2008 13:55)
Avatar van Dark_Paul PHP ver gevorderde Zorg dat-ie in Firefox wel werkt, want dit slaat als een tang op een varken.
Firefox houdt zich aan de standaarden, IE niet. Het is dus verstandiger je sites in FF te maken en tussendoor te bekijken of het in IE ook werkt (en eventueel hacks oid toe te passen zodat het daar ook werkt).
Offline brut0r - 25/03/2008 14:19
Avatar van brut0r Nieuw lid divs rekken alleen als er tekst in staat of als je een hoogte meegeeft. je kan dit wel met tables doen.
Offline Dark_Paul - 25/03/2008 14:42 (laatste wijziging 25/03/2008 14:43)
Avatar van Dark_Paul PHP ver gevorderde Ik heb dit trouwens ook ooit gehad bedenk ik nu.
Ik heb er toen voor gekozen om een extra div te maken waarin die 3 kolommen zitten. Toen heb ik gewoon een achtergrondafbeelding gemaakt, even breed als de omhullende div, met precies de achtergrondkleuren en borders van de kolommen. De omhullende div heb ik toen die achtergrondafbeelding meegegeven.
Voorwaarde is wel dat de breedte van de pagina en de kolommen in pixels is opgegeven, anders klopt het niet meer.
Offline Jointjeff - 25/03/2008 20:28
Avatar van Jointjeff HTML interesse Oke. Thanks voor de tips. De divs kloppen naar mijn mening van geen kant, en daarom zit alles doorelkaar in FF.

  1. <container>
  2.  
  3. <div id="header"></div>
  4.  
  5. <div id="hmenu"></div>
  6.  
  7. <div id="lmenu"></div>
  8.  
  9. <div id="content"></div>
  10.  
  11. <div id="rmenu"></div>
  12.  
  13. </div>


Heb dus een drie column. Maar, k heb geen idee hoe ik dat goed moet positioneren. Iemand daar iets over? Want, zoals jullie zien werkt het in IE zoals ik het doe. Maar niet in FF.
Offline Threetimes - 25/03/2008 20:46 (laatste wijziging 25/03/2008 21:02)
Avatar van Threetimes PHP beginner
  1. <div id="container">
  2. <div id="header"></div>
  3. <div id="hmenu"></div>
  4. <div id="lmenu"></div>
  5. <div id="content"></div>
  6. <div id="rmenu"></div>
  7. </div>
  1. #container {
  2. position: relative;
  3. margin-right: auto;
  4. margin-left: auto;
  5. width: 750px; /*ofzo*/
  6. }
  7. #header {
  8. width: 750px; /*ofzo*/
  9. height: 120px; /*ofzo*/
  10. }
  11. #hmenu {
  12. width: 750px; /*ofzo*/
  13. height: 30px; /*ofzo*/
  14. }
  15. #lmenu {
  16. float: left;
  17. margin: 0px;
  18. width: 150px; /*ofzo*/
  19. }
  20. #content {
  21. float: left;
  22. margin: 0px;
  23. width: 450px; /*ofzo*/
  24. }
  25. #rmenu {
  26. float: left;
  27. margin: 0px;
  28. width: 150px; /*ofzo*/
  29. }

de /*ofzo*/'s aanpassen naar eigen formaten
bron: http://ovc.twea...=2006-2007
Offline Jointjeff - 26/03/2008 12:11 (laatste wijziging 26/03/2008 12:12)
Avatar van Jointjeff HTML interesse Het klopt inderdaad dat het nu wel goed staan idd, thanks ook voor de hulp.

Echter als ik het menu wil opvulling met css-buttons gaat het weer raar doen. Als ik float: left; in de button css zet dan gaat ineens de hele layout doorelkaar.

Zie code en fouten hieronder:

  1. a.mainlevel:link, a.mainlevel:visited {
  2. font-family: Arial;
  3. border-right: 1px solid #000;
  4. padding: 5px;
  5. background-color: #eee;
  6. display: block;
  7. text-align: center;
  8. text-decoration: none;
  9. color: #000;
  10. float: left;
  11. font-size: 12px;
  12. color: #000; }
  13.  
  14. a.mainlevel:hover { background-color: #FAD43D; color: #000; }


http://vrds.nl/probleem1.jpg
http://vrds.nl/probleem2.jpg
http://vrds.nl/probleem3.jpg
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s