login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div's niet achter elkaar

Offline copyfile - 07/06/2007 19:23
Avatar van copyfileNieuw lid Ik heb onderstaand stukje code. Het probleem is nu dat hij de div's in de container niet naast maar onder elkaar zet. Wat doe ik fout ?:

  1. div.container_aanbieders {
  2. width: 600px;
  3. margin: auto;
  4. }
  5. div.aanbieder1 {
  6. float:left;
  7. width:200px;
  8. text-align: center;
  9. }
  10. div.aanbieder2 {
  11. float:left;
  12. width:200px;
  13. text-align: center;
  14. }
  15. div.aanbieder3 {
  16. float:left;
  17. width:200px;
  18. text-align:center;
  19. }
  20.  
  21. <div class="container_aanbieders">
  22. <div class="aanbieders1">Eweka</div>
  23. <div class="aanbieders2">20 Mbit</div>
  24. <div class="aanbieders3">50 dagen</div>
  25. </div>

6 antwoorden

Gesponsorde links
Offline vinTage - 07/06/2007 19:26 (laatste wijziging 07/06/2007 19:28)
Avatar van vinTage Nieuw lid
  1. .container_aanbieders {
  2. width: 600px;
  3. margin: auto;
  4. }
  5. .aanbieder1 {
  6. float:left;
  7. width:200px;
  8. text-align: center;
  9. }
  10. .aanbieder2 {
  11. float:left;
  12. width:200px;
  13. text-align: center;
  14. }
  15. .aanbieder3 {
  16. float:left;
  17. width:200px;
  18. text-align:center;
  19. }
  20.  
  21. <div class="container_aanbieders">
  22. <div class="aanbieders1">Eweka</div>
  23. <div class="aanbieders2">20 Mbit</div>
  24. <div class="aanbieders3">50 dagen</div>
  25. </div>


@Rens: Waarom kan dat niet ?

Citaat:
Rens edit:
Woops, verkeerd gelezen denk ik 
Offline copyfile - 07/06/2007 19:28 (laatste wijziging 07/06/2007 22:24)
Avatar van copyfile Nieuw lid Allebij geen resultaat. Vindt het echt appart.

Is het mischien omdat die container ook nog in de volgende container staat ?
  1. div.container2 {
  2. width: 700px;
  3. padding: 0px;
  4. margin:0px auto
  5. }
  6. div.content {
  7. width:700px;
  8. position: relative;
  9. background-image:url(img/content.jpg);
  10. }


Citaat:
PieterC Edit: Code tags! Laatste waarschuwing.
Offline riekele - 07/06/2007 19:29
Avatar van riekele PHP beginner je hebt een s vergeten ;)

<div class="aanbieders1">
div.aanbieder1 {
Offline copyfile - 07/06/2007 19:32 (laatste wijziging 07/06/2007 19:32)
Avatar van copyfile Nieuw lid Was inderdaad fout. Nu werkt het wel in IE maar nog niet in FF, in FF laat hij nu namelijk helemaal niks meer zien.
Offline vinTage - 07/06/2007 19:35
Avatar van vinTage Nieuw lid Die classes waren allemaal dezelfde maten, dus kan ook korter dan 
  1. .container_aanbieders {
  2. width: 600px;
  3. margin: auto;
  4. }
  5. .aanbieders {
  6. float:left;
  7. width:200px;
  8. text-align: center;
  9. }
  10.  
  11.  
  12. <div class="container_aanbieders">
  13. <div class="aanbieders">Eweka</div>
  14. <div class="aanbieders">20 Mbit</div>
  15. <div class="aanbieders">50 dagen</div>
  16. </div>
Offline copyfile - 07/06/2007 19:38 (laatste wijziging 07/06/2007 20:18)
Avatar van copyfile Nieuw lid Hij blijkt ze wel weer te geven maar hij zet ze niet in de content container. Als ik er meer toevoeg zie ik ze namelijk wel verschijnen. Wat zou ik hieraan moeten doen ?

Als ik float: left; weghaal dan zet hij ze wel in de content container maar onder elkaar. Wat nu nog te veranderen zodat het wel goed werkt ?

Zie nu als ik de content div waar dit alles in staat een vaste hoogte heef dat het wel werkt. Maar wil eigenlijk dat die hoogte variabel is, hoe doe ik dat dan ?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.217s