Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML] tabelka rozciągająca diva w IE
dawidoff86
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 17.02.2010

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

witam! mam problem z działaniem strony pod przeglądarką IE, a mianowicie tabelka umieszczona wewnątrz diva rozciąga go w szerz, a po za tym wyświetlana jest na samym dole diva. efekt jaki chce osiągnąć, i otrzymuje go w firefoxie, wygląda następująco:
(IMG:http://img337.imageshack.us/img337/2483/33169284.jpg)
natomiast w IE rozjeżdża się to tak:
(IMG:http://img535.imageshack.us/img535/7646/40278479.jpg)

mój kod css wygląda następująco:
div przechowujący zawartość:
[CSS] pobierz, plaintext 
  1. #region_srodkowy
  2. {
  3.     /* lewy margines = szerokosc lewego menu + jego margines*/
  4.     margin-left: 250px;
  5.     margin-right: 20px;
  6.     margin-bottom: 20px;
  7.     border: 2px solid #c3dbc4;
  8.     background-color: #fff;
  9.     padding: 5px;
  10. }
[CSS] pobierz, plaintext

oraz tabela
[CSS] pobierz, plaintext 
  1. table.head
  2. {
  3.     width: 100%;
  4.     border: 2px solid fuchsia;
  5.     text-align: left;
  6.     margin: 0 auto;
  7.     padding: 0px;
  8. }
  9.  
  10. td.grupa2{
  11. 	border: 2px solid blue;
  12.         width: 100%;
  13.         height: 26px;
  14. 	text-align: left;
  15. 	font-size: 12px;
  16. 	color: white;
  17. 	font-family: tahoma;
  18. 	font-style: normal;
  19. 	font-weight: bold;
  20. 	background-image: url(grafika/tlo-nieb.gif);
  21. 	background-repeat: repeat;
  22. 	padding-left: 5px;
  23. }
[CSS] pobierz, plaintext


Ten post edytował dawidoff86 1.04.2010, 11:24:38
Go to the top of the page
+Quote Post
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Przydałby się do tego jakiś HTML, bo tak to możemy myśleć i myśleć, a nic nie wymyślimy. Jedyne co mnie w Twoim css-ie zastanawia, to width: 100%; dla table.thead i td.grupa2. Zapis width: 100%; oznacza "niech element ma szerokość równą szerokości elementu nadrzędnego, który również ma ustawioną szerokość", jeżeli zatem żaden element nadrzędny nie ma ustanowionej szerokości, to wtedy bierze się szerokość strony.
Go to the top of the page
+Quote Post
Dziadzia
post
Post #3





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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

nie dasz rady zrobić tak, żeby przy jednym kodzie i jednych stylach strona wyglądała tak samo w ie oraz pozostałych przeglądarkach jednocześnie. najlepiej jak dodasz ten kod pomiędzy znacznikami <head></head> i zrobisz oddzielnie style dla ie i dla pozostałych przeglądarek.
Od razu informuje, że taki skrypt jest tylko do IE, pod operą google chrome, mozilla strona powinna wyglądać tak samo przy jednych stylach.
[HTML] pobierz, plaintext 
  1. <!--[if IE]>
  2. 	<link rel="stylesheet" type="text/css" href="style_ie.css">
  3. 	<![endif]-->	
[HTML] pobierz, plaintext


Go to the top of the page
+Quote Post
dawidoff86
post
Post #4





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 17.02.2010

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

dobrze, ale jak zrobić żeby właśnie pod IE się tak nie rozjeżdżała, bo nie mam już pomysłów (IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
Pawel_W
post
Post #5





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

Cytat(Dziadzia @ 1.04.2010, 13:17:38 ) *
nie dasz rady zrobić tak, żeby przy jednym kodzie i jednych stylach strona wyglądała tak samo w ie oraz pozostałych przeglądarkach jednocześnie. najlepiej jak dodasz ten kod pomiędzy znacznikami <head></head> i zrobisz oddzielnie style dla ie i dla pozostałych przeglądarek.
Od razu informuje, że taki skrypt jest tylko do IE, pod operą google chrome, mozilla strona powinna wyglądać tak samo przy jednych stylach.
[HTML] pobierz, plaintext 
  1. <!--[if IE]>
  2. 	<link rel="stylesheet" type="text/css" href="style_ie.css">
  3. 	<![endif]-->	
[HTML] pobierz, plaintext

da się, są wyjątki, ale w większości przypadków da się znaleźć obejście, wystarczy po prostu na bieżąco monitować efekt

co do kodu, to jeżeli ustawisz width: 100% i dodasz do tego padding-left: 5px; to width wyjdzie ci 100% + 5px, więc trochę za dużo...
Go to the top of the page
+Quote Post
Ravik
post
Post #6





Grupa: Zarejestrowani
Postów: 95
Pomógł: 3
Dołączył: 8.05.2009

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

Pokombinuj z długością tabeli, spróbuj usunąć margin dla tabeli, ustawic kilka atrybutów, ustawić position dla nadrzędnego diva, po prostu musisz kombinować, nie ma jednego przepisu na wszystko.
Go to the top of the page
+Quote Post
Dziadzia
post
Post #7





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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

najprościej będzie Ci zrobić tak jak napisałem wcześniej, po prostu nowy styl tylko do IE, oszczędzi Ci to nerwów i czasu.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 22.08.2025 - 23:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn