Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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
 
 Start new topic
Odpowiedzi
Dziadzia
post
Post #2





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
Pawel_W
post
Post #3





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

Posty w temacie
- dawidoff86   [CSS][HTML] tabelka rozciągająca diva w IE   1.04.2010, 11:00:04
- - mortus   Przydałby się do tego jakiś HTML, bo tak to możemy...   1.04.2010, 12:03:53
- - Dziadzia   nie dasz rady zrobić tak, żeby przy jednym kodzie ...   1.04.2010, 12:17:38
|- - Pawel_W   Cytat(Dziadzia @ 1.04.2010, 13:17:38 ...   1.04.2010, 12:23:31
- - dawidoff86   dobrze, ale jak zrobić żeby właśnie pod IE się tak...   1.04.2010, 12:19:52
- - Ravik   Pokombinuj z długością tabeli, spróbuj usunąć marg...   1.04.2010, 12:26:05
- - Dziadzia   najprościej będzie Ci zrobić tak jak napisałem wcz...   1.04.2010, 12:37:32

« 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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