Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]div i img obok siebie
aeaeae
post
Post #1





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

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


Hej
Chcę umieścić obok siebie trzy elementy blokowe, ale tak, że środkowy (img) będzie miał stałą szerokość i będzie dokładnie na środku, a dwa div po bokach uzupełnią szerokość do 100%. Zależy mi na tym, żeby w samych div nic nie było.

  1. <div style="width:100%">
  2. <div style="width:auto;float:left;background-image:url(eee1.png)"></div>
  3. <img src="obrazek.png" style="float:left" />
  4. <div style="width:auto;float:left;background-image:url(eee2.png)"></div>
  5. </div>


Chcę po prostu osiągnąć taki efekt, że na środku jest obrazek, a tło z lewej i prawej kurczy się i rozszerza wraz z rozdzielczością/szerokością przeglądarki. Może ktoś wie jak to zrobić?
Od razu napiszę, że zależy mi na dokładnym ustaleniu pozycji eee1.png i eee2.png względem obrazek.png, więc odpada wpisanie do img background-image i margines auto.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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


Liczba osób korzystających z IE6 mieści się w granicach błędu statystycznego, olej to. Po za tym powinieneś zrobić coś dla dobra ludzkości i tym bardziej wgrać stronę która rozjeżdża się pod IE6. Chyba, że masz nad sobą kata, który od Ciebie wymaga zgodności z IE6 wtedy masz problem.

Swoją drogą nie wiem co @krzywy36 pali, ale musi być dobre, w życiu bym nie wpadł na taki pomysł, ale jeśli działa to w porząsiu (IMG:style_emoticons/default/wink.gif)

Rozwiązałbym pewnie Twój problem dla IE6, ale nie mam do niego żadnego dostępu, nawet nie ruszy na 64bit, a nie chcę mi się kombinować, żeby działało. Więc musisz czekać na jakiegoś dobrego samarytanina.
Go to the top of the page
+Quote Post

Posty w temacie


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: 5.10.2025 - 00:42