login  Naam:   Wachtwoord: 
Registreer je!
 Forum

'Bloemetje' aan de zijkanten lopen niet verder (Repeat-y)

Offline Crain - 03/03/2010 19:17 (laatste wijziging 03/03/2010 19:31)
Avatar van CrainNieuw lid Hey leden,

Ik snap het niet zo goed waarom de 'bloemetje' aan de linker- en rechterkant niet helemaal doorlopen tot de footer? (repeat-y)

zie:
klik hier

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #container_kolom {
  2. margin: 0 100px 0 100px; 
  3. }
  4.  
  5. #linkerkolom {
  6. background: url(../image/achtergrond_bloemetje8.jpg) repeat-y;
  7. float: left;
  8. width: 100px;
  9. height: 700px;
  10. margin-left: -100%;
  11. }
  12.  
  13. #rechterkolom {
  14. background: url(../image/achtergrond_bloemetje8b.jpg) repeat-y;
  15. float: left;
  16. width: 100px; 
  17. height: 700px;
  18. margin-left: -100px; 
  19. }


Bovenstaande code staat natuurlijk height: 700px, maar ik heb ook min-height: 700px geprobeerd, ook lukte niet. Als ik height: auto; doe, dan verschijnt het plaatje niet.

15 antwoorden

Gesponsorde links
Offline Martijn - 03/03/2010 19:33
Avatar van Martijn Crew PHP #linkerkolom (en vast ook rechts) heeft een heigth van 700px, groter of kleiner zal ie dus niet worden 
Offline Crain - 03/03/2010 20:00 (laatste wijziging 03/03/2010 20:04)
Avatar van Crain Nieuw lid Ja snap ik,

* als ik ze min-height gebruik, loopt ie ook niet door tot de footer.
* als ik ze height auto gebruik, dan is de plaatje niet meer te zien.

Ik zet ze nu op min-height: 700px.

nu staat de code op:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #container_kolom {
  2. margin: 0 100px 0 100px; 
  3. }
  4.  
  5. #linkerkolom {
  6. background: url(../image/achtergrond_bloemetje8.jpg) repeat-y;
  7. float: left;
  8. width: 100px;
  9. min-height: 700px;
  10. margin-left: -100%;
  11. }
  12.  
  13. #rechterkolom {
  14. background: url(../image/achtergrond_bloemetje8b.jpg) repeat-y;
  15. float: left;
  16. width: 100px; 
  17. min-height: 700px;
  18. margin-left: -100px; 
  19. }


Als ik bv min-height: 1400px aanpas, dan loopt ie wel 2x door. Maar niet tot aan footer? Automatisch tot footer, hoe los ik het dan op? Volgens mij lijkt het logisch om optie te gebruiken: height: auto. Maar dan verschijnt het plaatje niet.
Offline TotempaaltJ - 03/03/2010 20:15
Avatar van TotempaaltJ PHP interesse Probeer eens geen height?, gewoon wilde gok, waarschijnlijk werkt het niet  
Offline Crain - 03/03/2010 20:16 (laatste wijziging 03/03/2010 20:17)
Avatar van Crain Nieuw lid Als ik zonder height gebruik, verschijnt het plaatje ook niet.

Ik heb getest, als ik zonder height doe, verschijnt hij het plaatje niet.
Offline TotempaaltJ - 03/03/2010 20:26
Avatar van TotempaaltJ PHP interesse Ja, oké... Uhm, ook al geprobeerd met 100%? Ik zit hier nu echt te gokken... 
Offline Crain - 03/03/2010 20:27
Avatar van Crain Nieuw lid Ook geprobeerd, lukt ook niet, grrrr!
Offline nick5556 - 03/03/2010 20:37
Avatar van nick5556 PHP beginner En als je alles in een container gooit, het bloemetje als bg van de container doet en gewoon door laat lopen?
Offline Crain - 03/03/2010 20:41
Avatar van Crain Nieuw lid Ik zal proberen om alles in container te zetten, thanks.
Offline Ontani - 04/03/2010 08:02
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 2 containers... 1 voor de linker afbeelding, 1 voor de rechter afbeelding
Offline kiwi - 04/03/2010 17:54
Avatar van kiwi Nieuw lid mss op deze manier? zo lukt mijn repeat altijd 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. background-image: url(../image/achtergrond_bloemetje8.jpg);
  2. 	background-repeat:repeat-y;
Offline Crain - 04/03/2010 18:52 (laatste wijziging 04/03/2010 18:52)
Avatar van Crain Nieuw lid
Ontani schreef:
2 containers... 1 voor de linker afbeelding, 1 voor de rechter afbeelding


Gaat ook niet werken, wat je zegt doe ik dat ook.

Wat nick5556 zegt denk ik dat het wel helpt, want hoe langer de content is loopt ie gewoon mee. Wat ik nu heb, loopt linker en rechter niet met content mee, dat is de probleem. Omdat die niet in een container staan.
Offline nick5556 - 04/03/2010 19:14
Avatar van nick5556 PHP beginner Hoe bedoel je dit? Word de linker en rechter niet net zo lang als de content? Gebruik dan deze site, daar staan een aantal voorbeelden op hoe deze wel mee kunnen lopen. Zoniet? Meer informatie en misschien een voorbeeld  
Offline Ontani - 04/03/2010 19:29
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Als die 2 containers voor elk 1 kant van de afbeeldingen niet werkt zit je ontwerp gewoon verkeerd...
Offline TotempaaltJ - 04/03/2010 19:40
Avatar van TotempaaltJ PHP interesse Hij bedoelt:
Containerdiv
- Containerdiv 2
- - Al je content, headers etc.
Zodat je in je ene container de linker kan zetten en in de ander de rechter, je kan namelijk geen twee background images hebben
Offline vinTage - 04/03/2010 21:47
Avatar van vinTage Nieuw lid http://matthewj...column.htm
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2026 Sitemasters.be - Regels - Laadtijd: 0.209s