Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]DIVy 3 i dostosowywanie do szerokości
Forum PHP.pl > Forum > Przedszkole
PonuryGreg
Witam,
mój problem to ustawione w jednej lini 3 div'y

lewy (230px)
środek (aby dostosowywał się do szer. strony)
prawy (200px)

i właśnie mam problem z tym środkowym, zupełnie nie wiem jaką wartość ustawić aby się dostosowywał pomiędzy lewy i prawy div
jak daje width 100% to na mniejszej rozdziałce zasłania prawy div sad.gif

mój kod HTML:
  1. <div id="lewy"></div>
  2. <div id="srodek"></div>
  3. <div id="prawy"></div>


mój kod w CSS:
  1. div#lewy {
  2. width: 230px;
  3. position: absolute;
  4. float: left;
  5. }
  6. div#srodek {
  7. position: absolute;
  8. width: 100%;
  9. margin-left: 240px;
  10. margin-right: 220px;
  11. }
  12. div#prawy {
  13. width: 200px;
  14. float: right;
  15. }


Uprzejmie proszę o pomoc
wookieb
  1. #lewo
  2. {
  3. float: left;
  4. width: 230px;
  5. background-color: red;
  6. }
  7. #prawo
  8. {
  9. float: right;
  10. width: 200px;
  11. background-color: blue;
  12. }
  13. #srodek
  14. {
  15. margin-left: 230px;
  16. margin-right: 200px;
  17. background-color: yellow;
  18. }


  1. <div id="prawo">test prawy</div>
  2. <div id="lewo">test lewy</div>
  3. <div id="srodek">test_srodkowy</div>

Ludzie oduczcię sie używania pozycjonowania absolutnego dopóki nie poznacie jego prawdziwego zastosowanie niż łatanie własnych błędów.
PonuryGreg
wielkie dzięki, mój błąd i na dodatek skopałem w kolejności podawania div'ów, na to bym nie wpadł dlatego głupio kombinowałem z absolute. Jeszcze raz wielkie THX smile.gif
wookieb
"Teoretycznie" nie skopałeś. Jest to naturalna kolejność wstawiania elementów, aczkolwiek inaczej interpretowana przez przeglądarki.
Polecam http://kurs.browsehappy.pl/ aby nauczyć się niektórych "niuansów"
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.