login  Naam:   Wachtwoord: 
Registreer je!
 Forum

container is wat te groot

Offline kickasgamer - 20/11/2008 20:22 (laatste wijziging 20/11/2008 20:23)
Avatar van kickasgamerPHP ver gevorderde ik ben aan een simpele css layout begonnen, nu heb ik een container, 2 divjes met "hoek afbeeldingen" en 1 midden "opvul" div

maar er wordt nu iets te veel getoont rechts en dat wil ik weg, maar hoe ?

vb van de fout: http://img140.imageshack.us/img140/315/vbdn3.jpg

de css code:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.container{
  2. width: 100%;
  3. height: 1000px;
  4. background-image: url(layout/bg.png);
  5. background-repeat: repeat;
  6. }
  7. div.hoek_links{
  8. width: 26px;
  9. height: 26px;
  10. float: left;
  11. background-image: url(layout/links.png);
  12. background-repeat: no-repeat;
  13. }
  14. div.hoek_rechts{
  15. width: 26px;
  16. height: 26px;
  17. float: left;
  18. background-image: url(layout/rechts.png);
  19. background-repeat: no-repeat;
  20. }
  21. div.midden{
  22. height: 26px;
  23. width: 96%;
  24. float: left;
  25. background-image: url(layout/midden.png);
  26. background-repeat: repeat;
  27. background-position: center;
  28. }


de html code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="container">
  2. 	  <div class="hoek_links"></div>
  3. 	  <div class="midden"></div>
  4. 	  <div class="hoek_rechts"></div>
  5. </div>

4 antwoorden

Gesponsorde links
Offline Martijn - 20/11/2008 20:23
Avatar van Martijn Crew PHP je hebt bij hoekt rechts float links?
Offline kickasgamer - 20/11/2008 20:35
Avatar van kickasgamer PHP ver gevorderde ja ik heb hem nu op rechts gezet, nu staat die hoek wel goed ma dat midden stuk is dan nog wat te kort. Maar als ik die width dan op 97% zet dan staat die hoek op de volgende regel

resultaat: http://img374.imageshack.us/img374/4895/vb2sg8.jpg
Offline Martijn - 20/11/2008 20:47 (laatste wijziging 20/11/2008 20:55)
Avatar van Martijn Crew PHP ik heb toevallig ook zoiets gemaakt laatst, maar dat was n vaste breedte.

div 1 met de algemene achtegrond (middenstuk dus)
in die div bovenaan een div met de bovenste balk met ronde hoeken
in die div onderaan een div met de onderste balk met ronde hoeken

edit:
als je trouwens je container position relative geeft, en je 2 top hoekjes een absolute met top:0px en left/right: 0px ben je dr ook toch?
Offline kickasgamer - 20/11/2008 21:15
Avatar van kickasgamer PHP ver gevorderde ja, ik heb het nu iets anderser opgelost. namelijk ik heb nu het midden stuk evenbreed gemaakt als de container en de 2 hoeken op dat midden stuk gezet en met die floats staan die hoeken zo toch juist:)

maar toch bedankt voor de hulp ;)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s