Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div automatycznie rozszerza się
k2mil
post 22.08.2008, 11:55:09
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 8.12.2006

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

Mam problem z div-ami pod IE6, zilustruje to tak
[HTML] pobierz, plaintext 
  1. #zew{
  2. width: 200px; height:50px;
  3. }
  4.  
  5. #wew{
  6. width:70px; height:70px;
  7. }
  8.  
  9. <div id="zew">
  10. 	<div id="wew"></div>
  11. </div>
[HTML] pobierz, plaintext


Jak zrobić aby w IE6 div wewnętrzny wychodził poza div zewnętrzny nie zmieniając tym samym rozmiaru div-u zewnętrznego?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
JoShiMa
post 22.08.2008, 11:57:48
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

overflow może trzeba będzie jeszcze dołożyć wewnętrznemu float

Ten post edytował JoShiMa 22.08.2008, 11:58:49


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
k2mil
post 22.08.2008, 12:03:19
Post #3





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 8.12.2006

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

#zew{
width: 200px; height:50px; overflow: visible;
}

po dołożeniu float do #wew też nic
Go to the top of the page
+Quote Post
JoShiMa
post 22.08.2008, 12:05:52
Post #4





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

Może masz coś nakaszanione w stylach ? zdublowane ID, albo ogólny styl dla div występującu po stylu dla div o konkretnym id?


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
k2mil
post 22.08.2008, 12:08:19
Post #5





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 8.12.2006

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

smile.gif wątpie bo wszystko robie na przykładzie,
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. 		<title>Untitled Document</title>
  6. 	</head>
  7. 	<body>
  8. 		<div style="width: 200px; height:50px; background: red; overflow: visible;">
  9. 	<div style="width:70px; height:70px; background: green; float:left; "></div>
  10. </div>
  11.  
  12. 	</body>
  13. </html>
[HTML] pobierz, plaintext


to tylko wzór zawsze tak robie jak mam problem przy większych rzeczach...
Go to the top of the page
+Quote Post
JoShiMa
post 22.08.2008, 12:11:37
Post #6





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

Tylko, że u mnie to działa...

PS
Sprawdź

Bez floatów i overflow.


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
k2mil
post 22.08.2008, 12:11:50
Post #7





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 8.12.2006

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

w ie6? mi ten przykład nie działa...

Ten post edytował k2mil 22.08.2008, 12:13:19
Go to the top of the page
+Quote Post
JoShiMa
post 22.08.2008, 12:15:13
Post #8





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

A w siódemce już działa. Wina niestety leży po stronie przeglądarki i trzeba jakieś haki zastosować.

A tak nawiasem mówiąc czemu ten wewnętrzny ma wystawać?


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
k2mil
post 22.08.2008, 12:20:36
Post #9





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 8.12.2006

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

oj długo by mówić
coś takiego chce żeby wykorzystać z-index i nie wycinać jednego obrazka 5 razy

wiem że można to zrobić inaczej ale byłem ciekawy czy istnieje na to recepta pod IE6

Ten post edytował k2mil 22.08.2008, 12:25:52
Go to the top of the page
+Quote Post
JoShiMa
post 22.08.2008, 12:26:41
Post #10





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

Sprawdź przykład teraz (nie mam IE6)

I lepiej wymyśl coś bardziej eleganckiego.

PS
Zostaje ci jeszcze pozycjonowanie relative absolute ale osobiście tego nie lubię, nie stosuję, więc nie podpowiem. I zdaje się musisz właśnie z tego skorzystać, żeby móc stosować z-index

Ten post edytował JoShiMa 22.08.2008, 12:27:46


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
k2mil
post 22.08.2008, 12:27:01
Post #11





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 8.12.2006

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

tak samo źle smile.gif
masz rację trzeba innej koncepcji

dzięki!
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 14:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn