Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]DIVy 3 i dostosowywanie do szerokości
PonuryGreg
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 18.01.2011

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




  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.
Go to the top of the page
+Quote Post
PonuryGreg
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 18.01.2011

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




"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"
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 18:13