Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Internet Explorer źle wczytuje..(?)
arek33
post
Post #1





Grupa: Zarejestrowani
Postów: 72
Pomógł: 0
Dołączył: 24.02.2009

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

Mam dziwny problem. Otóż mam pocięte menu w ps i zrobione na tabelkach. W Google Chrome ładnie je wyświetla, podobnie w Safari, natomiast problem rodzi się jak otwieram stronę na IE. Poniżej zdjęcie jak wygląda menu w safari i google chrome, a jak w ie. Wydaje mi się, że gdzieś o tym czytałem, ale na chwilę obecną umknęła mi ta kwestia. Mógłby ktoś mnie poratować?

(IMG:http://img265.imageshack.us/img265/9454/26628142.jpg)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
Blame
post
Post #2





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

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

Po pierwsze tabelki to już przeżytek, zastosuj div'y. Po drugie bez kodu html i CSS tego menu nie wiele możemy zrobić.

Ten post edytował Blame 8.11.2009, 08:16:47
Go to the top of the page
+Quote Post
arek33
post
Post #3





Grupa: Zarejestrowani
Postów: 72
Pomógł: 0
Dołączył: 24.02.2009

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

Próbowałem zamienić tabelki na divy, ale kompletnie mi to nie wychodzi (IMG:style_emoticons/default/sad.gif) Pisałem o tym tutaj.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>menu</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. </head>
  6. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  7. <!-- Save for Web Slices (menu.psd) -->
  8. <table id="Table_01" width="500" height="50" border="0" cellpadding="0" cellspacing="0">
  9. 	<tr>
  10. 		<td colspan="13">
  11. 			<img src="index_01.png" width="500" height="20" alt=""></td>
  12. 	</tr>
  13. 	<tr>
  14. 		<td rowspan="2">
  15. 			<img src="index_02.png" width="75" height="30" alt=""></td>
  16. 		<td>
  17. 			<img src="index_03.png" width="38" height="12" alt=""></td>
  18. 		<td rowspan="2">
  19. 			<img src="index_04.png" width="20" height="30" alt=""></td>
  20. 		<td>
  21. 			<img src="index_05.png" width="39" height="12" alt=""></td>
  22. 		<td rowspan="2">
  23. 			<img src="index_06.png" width="20" height="30" alt=""></td>
  24. 		<td>
  25. 			<img src="index_07.png" width="44" height="12" alt=""></td>
  26. 		<td rowspan="2">
  27. 			<img src="index_08.png" width="18" height="30" alt=""></td>
  28. 		<td>
  29. 			<img src="index_09.png" width="53" height="12" alt=""></td>
  30. 		<td rowspan="2">
  31. 			<img src="index_10.png" width="20" height="30" alt=""></td>
  32. 		<td>
  33. 			<img src="index_11.png" width="27" height="12" alt=""></td>
  34. 		<td rowspan="2">
  35. 			<img src="index_12.png" width="20" height="30" alt=""></td>
  36. 		<td>
  37. 			<img src="index_13.png" width="54" height="12" alt=""></td>
  38. 		<td rowspan="2">
  39. 			<img src="index_14.png" width="72" height="30" alt=""></td>
  40. 	</tr>
  41. 	<tr>
  42. 		<td>
  43. 			<img src="index_15.png" width="38" height="18" alt=""></td>
  44. 		<td>
  45. 			<img src="index_16.png" width="39" height="18" alt=""></td>
  46. 		<td>
  47. 			<img src="index_17.png" width="44" height="18" alt=""></td>
  48. 		<td>
  49. 			<img src="index_18.png" width="53" height="18" alt=""></td>
  50. 		<td>
  51. 			<img src="index_19.png" width="27" height="18" alt=""></td>
  52. 		<td>
  53. 			<img src="index_20.png" width="54" height="18" alt=""></td>
  54. 	</tr>
  55. </table>
  56. <!-- End Save for Web Slices -->
  57. </body>
  58. </html>
[HTML] pobierz, plaintext


CSS, wybrane klasy, które są użyte:
[HTML] pobierz, plaintext 
  1. .header { background: #232426; color: #333; border-bottom: 4px solid #eee; }
  2. .header a { color: #999; font-weight: bold;padding: 3px 0; }
  3. .header a:hover { color: #333; text-decoration: none; }
  4.  
  5. .internal { margin: 0 auto;width:960px;padding: 0px 0; }
  6. .internal  ul { margin: 10px 0; }
  7.  
  8. .mm { margin: 0 0 0 0; float: right; }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
phpion
post
Post #4





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
Cytat(Blame @ 8.11.2009, 09:16:35 ) *
Po pierwsze tabelki to już przeżytek, zastosuj div'y.

Srivy. Menu powinno być listą <ul>.

@arek33:
Z tego co pamiętam to IE swego czasu miał śmieszne problemy z enterami w kodzie. Spróbuj zamiast:
[HTML] pobierz, plaintext 
  1. <td colspan="13">
  2. 	<img src="index_01.png" width="500" height="20" alt=""></td>
[HTML] pobierz, plaintext

dać:
[HTML] pobierz, plaintext 
  1. <td colspan="13"><img src="index_01.png" width="500" height="20" alt=""></td>
[HTML] pobierz, plaintext

czyli elementy komórki w jednej linii ze znacznikiem komórki.
Go to the top of the page
+Quote Post
erix
post
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
~phpion, wystarczy dać w CSS zoom: 1 albo czymś innym nadać własność hasLayout.

Tak poza tym: http://osiolki.net/tabelki - jeździsz jeszcze samochodem Flinstonesów?
Go to the top of the page
+Quote Post
arek33
post
Post #6





Grupa: Zarejestrowani
Postów: 72
Pomógł: 0
Dołączył: 24.02.2009

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

@phpion, niestety, ale nie pomogło.

@erix, możesz wyjaśnić dokładniej z tym zoomem? (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
erix
post
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Z łaski swojej - poszukaj, bo na ten temat już napisano tyle, że głowa mała.
Go to the top of the page
+Quote Post
arek33
post
Post #8





Grupa: Zarejestrowani
Postów: 72
Pomógł: 0
Dołączył: 24.02.2009

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

@erix, gdybym znalazł odpowiedni temat i rozwiązałbym problem to nie zakładałbym nowego. Nie o takie rady mi chodzi.

Myślałem jeszcze o zamianie tabelki na <ul> i <li>, ale coś jest nie tak :|
Go to the top of the page
+Quote Post
erix
post
Post #9





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
@erix, gdybym znalazł odpowiedni temat

A szukałeś?
Go to the top of the page
+Quote Post
vokiel
post
Post #10





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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

Poczytaj sobie troszeczkę o tworzeniu menu w css. Te tabelki i menu na obrazkach jest koszmarne.
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: 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 Aktualny czas: 28.09.2025 - 03:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn