Forum PHP.pl > [CSS] Internet Explorer źle wczytuje..(?)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Internet Explorer źle wczytuje..(?)

arek33

8.11.2009, 01:07:35

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ć?

Blame

8.11.2009, 08:16:35

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

arek33

8.11.2009, 12:10:41

Próbowałem zamienić tabelki na divy, ale kompletnie mi to nie wychodzi

Pisałem o tym tutaj.

[HTML] pobierz, plaintext 
<html>
<head>
<title>menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (menu.psd) -->
<table id="Table_01" width="500" height="50" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="13">
			<img src="index_01.png" width="500" height="20" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="index_02.png" width="75" height="30" alt=""></td>
		<td>
			<img src="index_03.png" width="38" height="12" alt=""></td>
		<td rowspan="2">
			<img src="index_04.png" width="20" height="30" alt=""></td>
		<td>
			<img src="index_05.png" width="39" height="12" alt=""></td>
		<td rowspan="2">
			<img src="index_06.png" width="20" height="30" alt=""></td>
		<td>
			<img src="index_07.png" width="44" height="12" alt=""></td>
		<td rowspan="2">
			<img src="index_08.png" width="18" height="30" alt=""></td>
		<td>
			<img src="index_09.png" width="53" height="12" alt=""></td>
		<td rowspan="2">
			<img src="index_10.png" width="20" height="30" alt=""></td>
		<td>
			<img src="index_11.png" width="27" height="12" alt=""></td>
		<td rowspan="2">
			<img src="index_12.png" width="20" height="30" alt=""></td>
		<td>
			<img src="index_13.png" width="54" height="12" alt=""></td>
		<td rowspan="2">
			<img src="index_14.png" width="72" height="30" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="index_15.png" width="38" height="18" alt=""></td>
		<td>
			<img src="index_16.png" width="39" height="18" alt=""></td>
		<td>
			<img src="index_17.png" width="44" height="18" alt=""></td>
		<td>
			<img src="index_18.png" width="53" height="18" alt=""></td>
		<td>
			<img src="index_19.png" width="27" height="18" alt=""></td>
		<td>
			<img src="index_20.png" width="54" height="18" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
[HTML] pobierz, plaintext

CSS, wybrane klasy, które są użyte:

[HTML] pobierz, plaintext 
.header { background: #232426; color: #333; border-bottom: 4px solid #eee; }
.header a { color: #999; font-weight: bold;padding: 3px 0; }
.header a:hover { color: #333; text-decoration: none; }
 
.internal { margin: 0 auto;width:960px;padding: 0px 0; }
.internal  ul { margin: 10px 0; }
 
.mm { margin: 0 0 0 0; float: right; }
[HTML] pobierz, plaintext

phpion

8.11.2009, 12:13:58

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 
<td colspan="13">
	<img src="index_01.png" width="500" height="20" alt=""></td>
[HTML] pobierz, plaintext

dać:

[HTML] pobierz, plaintext 
<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.

erix

8.11.2009, 13:42:15

~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?

arek33

8.11.2009, 16:16:00

@phpion, niestety, ale nie pomogło.

@erix, możesz wyjaśnić dokładniej z tym zoomem?

erix

10.11.2009, 14:16:13

Z łaski swojej - poszukaj, bo na ten temat już napisano tyle, że głowa mała.

arek33

13.11.2009, 19:37:30

@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 :|

erix

13.11.2009, 20:18:46

Cytat

@erix, gdybym znalazł odpowiedni temat

A szukałeś?

vokiel

13.11.2009, 21:00:18

Poczytaj sobie troszeczkę o tworzeniu menu w css. Te tabelki i menu na obrazkach jest koszmarne.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.