Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Błedne wyświetlanie strony w Operze i Internet Exlorer
Forum PHP.pl > Forum > Przedszkole
Iron22
19.04.2010, 20:00:22
Dlaczego w Mozilli Firefox strona wyświetla mi się dobrze a w internet Explorer i Operze źle?


Opera
Internet Explorer



CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Moja strona o mnie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="keywords" content="/>
<meta http-equiv="Content-Language" content="pl"/>
<!-- ImageReady Styles (Bez nazwy 1) -->
<style type="text/css">
<!--

#Tabela_01 {
position:absolute;
left:170px;
top:0px;
width:760px;
height:800px;
text-align:center;


}
img{ border:none;}
#index-01_ {
position:absolute;
left:0px;
top:0px;
width:1px;
height:246px;
}

#index-02_ {
position:absolute;
left:1px;
top:0px;
width:191px;
height:239px;
}

#index-03_ {
position:absolute;
left:192px;
top:0px;
width:568px;
height:7px;
}

#index-04_ {
position:absolute;
left:192px;
top:7px;
width:59px;
height:239px;
}

#index-05_ {
position:absolute;
left:251px;
top:7px;
width:226px;
height:223px;
}

#index-06_ {
position:absolute;
left:477px;
top:7px;
width:41px;
height:239px;
}

#index-07_ {
position:absolute;
left:518px;
top:7px;
width:212px;
height:232px;
}

#index-08_ {
position:absolute;
left:730px;
top:7px;
width:30px;
height:239px;
}

#index-09_ {
position:absolute;
left:251px;
top:230px;
width:226px;
height:16px;
}

#index-10_ {
position:absolute;
left:1px;
top:239px;
width:191px;
height:7px;
}

#index-11_ {
position:absolute;
left:518px;
top:239px;
width:212px;
height:7px;
}

#index-12_ {
position:absolute;
left:0px;
top:246px;
width:760px;
height:11px;
}

#index-13_ {
position:absolute;
left:0px;
top:257px;
width:1px;
height:105px;
}

#index-14_ {
position:absolute;
left:1px;
top:257px;
width:759px;
height:21px;
}

#index-15_ {
position:absolute;
left:1px;
top:278px;
width:21px;
height:84px;
}

#index-16_ {
position:absolute;
left:22px;
top:278px;
width:110px;
height:63px;
}

#index-17_ {
position:absolute;
left:132px;
top:278px;
width:22px;
height:84px;
}

#index-18_ {
position:absolute;
left:154px;
top:278px;
width:212px;
height:63px;
}

#index-19_ {
position:absolute;
left:366px;
top:278px;
width:15px;
height:84px;
}

#index-20_ {
position:absolute;
left:381px;
top:278px;
width:195px;
height:63px;
}

#index-21_ {
position:absolute;
left:576px;
top:278px;
width:13px;
height:84px;
}

#index-22_ {
position:absolute;
left:589px;
top:278px;
width:143px;
height:63px;
}

#index-23_ {
position:absolute;
left:732px;
top:278px;
width:28px;
height:84px;
}

#index-24_ {
position:absolute;
left:22px;
top:341px;
width:110px;
height:21px;
}

#index-25_ {
position:absolute;
left:154px;
top:341px;
width:212px;
height:21px;
}

#index-26_ {
position:absolute;
left:381px;
top:341px;
width:195px;
height:21px;
}

#index-27_ {
position:absolute;
left:589px;
top:341px;
width:143px;
height:21px;
}

#index-28_ {
position:absolute;
left:0px;
top:362px;
width:760px;
height:11px;
}

#index-29_ { overflow:hidden;
position:absolute;
left:0px;
top:373px;
width:760px;
border:0px;

}

#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);

}
.styl1 {font-size: 24px}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#CCFFFF;">
<!-- ImageReady Slices (Bez nazwy 1) -->
<div id="Tabela_01">
<div id="index-01_">
<img id="index_01><img src="http://i43.tinypic.com/2jfbih.jpg" border="0" alt=""
Image and video hosting by TinyPic"/>
</div>
<div id="index-02_">
<img id="index_02"><img src="http://i43.tinypic.com/1z1430g.jpg" border="0" alt="Image and video hosting by TinyPic"/> </div>
<div id="index-03_">
<img id="index_03"><img src="http://i41.tinypic.com/23jk2l0.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-04_">
<img id="index_04"><img src="http://i43.tinypic.com/sv0z8h.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-05_">
<img id="index_05"><img src="http://i40.tinypic.com/23le1hy.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-06_">
<img id="index_06"><img src="http://i39.tinypic.com/htbf38.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-07_">
<img id="index_07"><img src="http://i39.tinypic.com/wtiq0x.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-08_">
<img id="index_08"><img src="http://i43.tinypic.com/2kn8t0.jpg" border="0" alt="Image and video hosting by TinyPic">
</div>
<div id="index-09_">
<img id="index_09"><img src="http://i43.tinypic.com/nwzrj9.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-10_">
<img id="index_10"><img src="http://i41.tinypic.com/2pslk7a.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-11_">
<img id="index_11"><img src="http://i41.tinypic.com/2hi58vq.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-12_">
<img id="index_12"><img src="http://i42.tinypic.com/21a0h1v.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-13_">
<img id="index_13"><img src="http://i40.tinypic.com/fvx009.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-14_">
<img id="index_14"><img src="http://i41.tinypic.com/fa4xg7.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-15_">
<img id="index_15"><img src="http://i39.tinypic.com/zn7adc.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-16_">
<img id="index_16"><img src="http://i44.tinypic.com/20u98c4.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-17_">
<img id="index_17"><img src="http://i41.tinypic.com/aut4ex.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-18_"> <a href="http://www.allegro.pl/show_user_auctions.php?uid=9581771" target="_blank">
<img id="index_18"><img src="http://i41.tinypic.com/nb52bq.jpg" border="0" alt="Image and video hosting by TinyPic"/></a>
</div>
<div id="index-19_">
<img id="index_19"><img src="http://i41.tinypic.com/14b6wj4.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-20_"> <a href="http://www.allegro.pl/show_user.php?uid=9581771" target="_blank">
<img id="index_20"><img src="http://i40.tinypic.com/20fyyk7.jpg" border="0" alt="Image and video hosting by TinyPic"/></a>
</div>
<div id="index-21_">
<img id="index_21"><img src="http://i41.tinypic.com/2v0bhfo.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-22_"> <a href="kontakt allegro.html">
<img id="index_22"><img src="http://i43.tinypic.com/ff6ys6.jpg" border="0" alt="Image and video hosting by TinyPic"/></a>
</div>
<div id="index-23_">
<img id="index_23"><img src="http://i41.tinypic.com/16k24wk.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-24_">
<img id="index_24"><img src="http://i43.tinypic.com/dz6kut.jpg" border="0" alt="Image and video hosting by TinyPic">
</div>
<div id="index-25_">
<img id="index_25"><img src="http://i40.tinypic.com/1zx0bqr.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-26_">
<img id="index_26"><img src="http://i44.tinypic.com/2qby8vn.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-27_">
<img id="index_27"><img src="http://i44.tinypic.com/350scp4.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-28_">
<img id="index_28"><img src="http://i43.tinypic.com/wgurs3.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
<div id="index-29_">
<p><br />Doskonale zdajemy sobie sprawę,że.......


<img id="index_29"><img src="http://i40.tinypic.com/cs2nt.jpg" border="0" alt="Image and video hosting by TinyPic"/>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
pedro84
19.04.2010, 20:14:49
Może podasz URL?

1. Za dużo elementów pozycjonujesz absolutnie
2. Nazewnictwo to jedna wielka masakra, tak samo jak cały kod.

Wyświetla Ci te informacje o braku obrazków, idę o zakład, że ścieżka powinna być ../Obrazki.
Pawel_W
19.04.2010, 20:15:57
naucz się rozróżniać id od class, bo w tym kodzie masz pełno niepotrzebnych id winksmiley.jpg
Iron22
19.04.2010, 20:30:31
A pozatym allegro wyświetla mi na czerono

CODE
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<meta name="keywords" content="Plecaki szkolne,pióra parkera,piórniki">

<meta http-equiv="Content-Language" content="pl">





i to


CODE
<img id="index_01&gt;&lt;img src=" http://i43.tinypic.com/2jfbih.jpg&quot;="" border="0" alt="" Image="" and="" video="" hosting="" by="" TinyPic&quot;="">


</div>
krzysztof_kf
19.04.2010, 20:39:12
Kolego proszę cię poczytaj kurs html/css bo jak na razie robisz na zasadzie eh skreśle sobie dziś szóstkę w dużym lotku i jutro będę milionerem .
Iron22
19.04.2010, 20:45:24
Czytałem juz nie raz. Jak bym nie czytal to bym wogóle żadnego szablonu nie zrobił.
Juz wszystkie znaczniki podomykałem sprawdziłem czy wszedzie wszystko jest.
krzysztof_kf
19.04.2010, 20:56:06
Zapodaj paczkę z css i html
Iron22
19.04.2010, 21:10:58
http://www.przeklej.pl/plik/index-rar-00129q9aa4ld2j6
pedro84
19.04.2010, 21:26:06
Poczytaj kurs HTML, pozycjonowanie, elementy blokowe, wszystko. Ten kod wygląda jakby go jakiś generator pisał i szczerze mówiąc wydaje mi się. Nie powinieneś całej strony pozycjonować absolutnie. Nie masz pojęcia o pozycjonowaniu, nazwenictwie. Poczytaj, poucz się.

PS Fajnie wygląda na widescreenie smile.gif

Edit:
I nie mów, że zrobiłeś, bo jest to kod wygenerowany za pomocą Adobe ImageReady.
Iron22
19.04.2010, 21:34:54
wiem że musze pozmieniac napewno
<div id="index-27_">
<div id="index_27">
ale co dalej to pojęcia nie mam

chcociaz nie bo jak pozmieniam img na div id to mi się strona rozlatuje.

pedro84
19.04.2010, 21:37:25
Cytat(Iron22 @ 19.04.2010, 22:34:54 ) *
wiem że musze pozmieniac napewno
<div id="index-27_">
<div id="index_27">
ale co dalej to pojęcia nie mam

chcociaz nie bo jak pozmieniam img na div id to mi się strona rozlatuje.


Poczytaj - proszę Cię - oraz najwazniejsze, zrozum i utrwal sobie. Klik.

Brakuje Ci podstaw, bez tego ani rusz... Nikt tu za Ciebie niczego nie zrobi, sam musisz się nauczyć.

Zobacz jak powinna wyglądać prawidłowa struktura, nazewnictwo, wszystko. W tym wygenerowanym kodzie nie ma nic poprawnego, nic. Zajrzyj na kurs i próbuj samemu napisać cały dokument.

@down: Praaaawieeeee biggrin.gif
krzysztof_kf
19.04.2010, 21:51:46
Taj jak ci pedro84 piszę sam tego nie zrobiłeś tylko jakieś generatory błędów to za ciebie zrobiły pousuwaj wszędzie <img id=" "> i będzie prawie dobrze biggrin.gif
Iron22
19.04.2010, 23:23:16
pozmienialem wszędzie na div id zamiast div img to mi sie strona po całej przeglądarce rozwaliła:(
pedro84
19.04.2010, 23:36:07
Ale co Ty chcesz poprawiać? Do kursu czytać i pisać od nowa. Tutaj nie ma czego poprawiać. Tutaj nie ma kodu. Tylko jakieś pomyje powstałe po wylaniu garnka tagów smile.gif
Iron22
20.04.2010, 08:39:58
Dobra to zrobie ten szblon od początku tylko potne go tak żeby nie było aż 39 plików.
A czy jak to bedzie szablon na Allegro to czy mam używac stylów CSS?
pedro84
20.04.2010, 08:59:24
Z tego co pamiętam to Allegro nie umożliwia stosowanie CSS, ale pewien na 100% nie jestem.
mortus
20.04.2010, 10:01:15
Cytat(pedro84 @ 20.04.2010, 09:59:24 ) *
Z tego co pamiętam to Allegro nie umożliwia stosowanie CSS, ale pewien na 100% nie jestem.

@pedro84 Allegro jak najbardziej umożliwia stosowanie stylów CSS, i nawet odpowiednio je dopasowuje do kontenera przeznaczonego na treść użytkownika.
@Iron22 Koledzy mają rację odsyłając Cię do kursu HTML i CSS. Dużo nauki przed Tobą. Takie małe wskazówki:
1. Nie nadużywaj kontenerów, a tym bardziej obrazków,
2. Po co wstawiać obrazek tam, gdzie masz jednolite tło, w css jest coś takiego jak background-color,
3. Poczytaj w ogóle o własnościach tła (background) w css-ie,
4. Jakby się uprzeć, to Twój szablon można zrobić na trzech divach, więc...
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.