login  Naam:   Wachtwoord: 
Registreer je!
 Forum

divs hinderen elkaar

Offline sjak - 26/10/2006 15:01
Avatar van sjakHTML interesse dit is de code van mijn style:
  1. body { background-color: #FFFFFF; color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; height: 100%; }
  2. img { border: 0; }
  3.  
  4. #linkenlogo {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. background-color: #E8FFE5;
  9. width: 200px;
  10. line-height: 0;
  11. height: 100%;
  12. }
  13.  
  14. #bovenbalk {
  15. position: absolute;
  16. left: 200px;
  17. top: 0px;
  18. background-color: #E8FFE5;
  19. width: 100%;
  20. height: 12px;
  21. }


en dit is de inhoud van de body:
  1. <div id="linkenlogo">
  2. <img src="WNPlogogroen.jpg" alt="" /><a href="#"><img src="Industrielawit801.jpg" alt="" /></a><a href="#"><img src="Horeca801.jpg" alt="" /></a><a href="#"><img src="ordening801.jpg" alt="" /></a><a href="#"><img src="Arbeid801.jpg" alt="" /></a><a href="#"><img src="Bouwfysica801.jpg" alt="" /></a><a href="#"><img src="Klimaat801.jpg" alt="" /></a><a href="#"><img src="Trilling801.jpg" alt="" /></a><a href="#"><img src="Akoestiek801.jpg" alt="" /></a><a href="#"><img src="Vergunning801.jpg" alt="" /></a>
  3. </div>
  4.  
  5. <div id="bovenbalk">
  6.  
  7. </div>


het probleem is; dat de bovenbalk en het menu links elkaar in de weg zitten, ze hebben 100% alleen dat is 100% breedte van het scherm maar dan pas naast (of onder) de andere div waardoor er onnodige scrollbalken ontstaan, hoe los ik dit op?

3 antwoorden

Gesponsorde links
Offline gothmog - 26/10/2006 15:09
Avatar van gothmog Lid de 100% vervangen door een * werkt vaak wel dus:
height: *;
width: *;
Offline sjak - 26/10/2006 15:12
Avatar van sjak HTML interesse werkt helaas niet, dan weergeeft hij ze helemaal niet 
Offline Thomas - 26/10/2006 15:59 (laatste wijziging 26/10/2006 16:18)
Avatar van Thomas Moderator En als je #bovenbalk nu eens op
left: 0px;
top: 0px;

positioneert, met een breedte van
width: 100%;

en padding aan de linker kant van
padding: 200px;
?

Gebruik anders floats, en werk niet met absolute posities enzo.

EDIT: Bovenstaand voorstel werkt niet. Ik zou met floats gaan werken.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s