Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Błedne wyświetlanie strony w Operze i Internet Exlorer
Iron22
post
Post #1





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

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>
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 16)
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

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.

Ten post edytował pedro84 19.04.2010, 20:19:47
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%)
-----

naucz się rozróżniać id od class, bo w tym kodzie masz pełno niepotrzebnych id (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
Iron22
post
Post #4





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

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>
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #5





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

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 .

Ten post edytował krzysztof_kf 19.04.2010, 20:41:59
Go to the top of the page
+Quote Post
Iron22
post
Post #6





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

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.

Ten post edytował Iron22 19.04.2010, 20:45:45
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #7





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Zapodaj paczkę z css i html
Go to the top of the page
+Quote Post
Iron22
post
Post #8





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

http://www.przeklej.pl/plik/index-rar-00129q9aa4ld2j6
Go to the top of the page
+Quote Post
pedro84
post
Post #9





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

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 (IMG:style_emoticons/default/smile.gif)

Edit:
I nie mów, że zrobiłeś, bo jest to kod wygenerowany za pomocą Adobe ImageReady.

Ten post edytował pedro84 19.04.2010, 21:26:35
Go to the top of the page
+Quote Post
Iron22
post
Post #10





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

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.
Go to the top of the page
+Quote Post
pedro84
post
Post #11





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

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 (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował pedro84 19.04.2010, 22:03:36
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #12





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

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 (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
Iron22
post
Post #13





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

pozmienialem wszędzie na div id zamiast div img to mi sie strona po całej przeglądarce rozwaliła:(

Ten post edytował Iron22 19.04.2010, 23:23:38
Go to the top of the page
+Quote Post
pedro84
post
Post #14





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Iron22
post
Post #15





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

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

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?
Go to the top of the page
+Quote Post
pedro84
post
Post #16





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Z tego co pamiętam to Allegro nie umożliwia stosowanie CSS, ale pewien na 100% nie jestem.

Ten post edytował pedro84 20.04.2010, 18:14:11
Go to the top of the page
+Quote Post
mortus
post
Post #17





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

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

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...
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: 25.12.2025 - 18:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn