MozillaPL.org - polskie centrum Mozilli

Główne menu:

dziwny widok w firefoxie

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

dziwny widok w firefoxie

Postautor: btobga » 18 lipca 2010, 12:52

Przeglądarka: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; pl-pl) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16

Witam serdecznie. Ponieważ jestem całkowitym nowicjuszem, odrazu proszę o wybaczenie za ewentualne błędy. Przeglądałem forum, czytałem i podobnego tematu nie znalazłem a jeżeli jednak go przeoczyłem to przepraszam. Problem polega na tym, że strona, którą zrobiłem prostym programem iWeb wyświetla się w FF z błędami, to znaczy są cienie czy jak to nazwać, których być nie powinno. W innych najpopularniejszych przeglądarkch strona otwiera się ok. Validation błędów niw pokazuje. Dlatego postanowiłem tu napisać. Z góry dziękuję za pomoc. Adres : http://www.ekoserwis.cba.pl
btobga
 
Posty: 3
Z nami od: 18 lipca 2010, 12:30

Odp: dziwny widok w firefoxie

Postautor: sig » 18 lipca 2010, 16:42

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:2.0b1) Gecko/20100630 Firefox/4.0b1

btobga pisze:Witam serdecznie. Ponieważ jestem całkowitym nowicjuszem, odrazu proszę o wybaczenie za ewentualne błędy. Przeglądałem forum, czytałem i podobnego tematu nie znalazłem a jeżeli jednak go przeoczyłem to przepraszam. Problem polega na tym, że strona, którą zrobiłem prostym programem iWeb wyświetla się w FF z błędami, to znaczy są cienie czy jak to nazwać, których być nie powinno. W innych najpopularniejszych przeglądarkch strona otwiera się ok. Validation błędów niw pokazuje. Dlatego postanowiłem tu napisać. Z góry dziękuję za pomoc. Adres : http://www.ekoserwis.cba.pl

U mnie jest taki komunikat błędu
While trying to retrieve the URL: http://www.ekoserwis.cba.pl/

The following error was encountered:

Zero Sized Reply

Squid did not receive any data for this request.

Your cache administrator is webmaster.

Czyli na polski tam nie ma żadnych danych, więc strony też. Sprawdzone na 3 przeglądarkach, Firefoksie, operze oraz seamonkey. Tobie się pewnie z dysku wczytywała.

ps miejsce na ten wątek jest tu viewforum.php?f=2.
Strzeżonego backup strzeże
sig
 
Posty: 840
Z nami od: 22 maja 2010, 09:44

Odp: dziwny widok w firefoxie

Postautor: Tomek » 18 lipca 2010, 16:50

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.9.2.6) Gecko/20100627 Firefox/3.6.6

przenoszę.
U mnie normalnie pokazuje stronę (są jakieś przeładowania, ale ostatecznie pokazuje).
A cienie są dlatego że nie wiadomo czego nie używasz normalnego tekstu tylko jakiś grafik, które mają cień:
http://www.ekoserwis.cba.pl/Witryna/FIR ... mage_2.png - widzisz - jest cień. Pokazuje je zarówno w Operze jak i w Fx.
Stosowanie grafik do wyświetlenia tekstu to głupota jakich mało - pomijam tutaj zerową użyteczność strony (nawet adresu sobie nie skopiuję ani maila czy telefonu), ale strona jest zupełnie nieczytelna dla wyszukiwarek.
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Odp: dziwny widok w firefoxie

Postautor: btobga » 18 lipca 2010, 17:55

Przeglądarka: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; pl-pl) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16

Tomek, ja nie używałem grafik zamiast tekstu. Zrobiłem tą stronę bardzo prosto w programie iWeb na macu. Gotowe szablony, tylko wklejasz i wpisujesz co chcesz. Twój link o cieniach pokazuje mi tylko tekst, bez cienia więc dalej nie wiem o co chodzi. Może powinienem zrobić stronę w innym programie..? Tak czy owak, dzięki za odpowiedzi
btobga
 
Posty: 3
Z nami od: 18 lipca 2010, 12:30

Odp: dziwny widok w firefoxie

Postautor: Tomek » 18 lipca 2010, 18:27

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.9.2.6) Gecko/20100627 Firefox/3.6.6

Nie znam tego programu, ale zerknij sobie w kod strony (ctrl+u) i nie zobaczysz nigdzie ani jednego słowa które masz na stronie, za to same grafiki:
Kod: Zaznacz cały
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="pl" lang="pl">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   
    <meta name="Generator" content="iWeb 3.0.1" />
    <meta name="iWeb-Build" content="local-build-20100718" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=700" />
    <title>technika grzewcza i sanitarna</title>

    <link rel="stylesheet" type="text/css" media="screen,print" href="FIRMA_files/FIRMA.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='FIRMA_files/FIRMAIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
    <script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>

    <script type="text/javascript" src="FIRMA_files/FIRMA.js"></script>
  </head>
  <body style="background: rgb(255, 255, 255) url(FIRMA_files/PhotoGray_browser_bg-2.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();"><!--]>--><script type="text/javascript" src="http://a.cba.pl/r1.js"></script>
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;  text-align: left; width: 700px; " id="body_content">
        <div style="background: transparent url(FIRMA_files/PhotoGray_bg_c-1.jpg) repeat scroll top left; width: 700px; ">
          <div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
            <div style="height: 0px; line-height: 0px; " class="bumper"> </div>

            <div style="height: 700px; width: 700px;  height: 700px; left: 0px; position: absolute; top: -80px; width: 700px; z-index: 1; " class="tinyText style_SkipStroke">
              <img src="FIRMA_files/Darkroom_spotlight.jpg" alt="" style="border: none; height: 700px; width: 700px; " />
            </div>
            <div style="height: 1px; line-height: 1px; " class="tinyText"> </div>
            <div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 0px; margin-top: 19px; opacity: 1.00; position: relative; width: 700px; z-index: 1; ">
   
              <div id="widget0-navbar" class="navbar">

     
                <div id="widget0-bg" class="navbar-bg">

       
                  <ul id="widget0-navbar-list" class="navbar-list">
 <li></li>
</ul>
                 
     
</div>
               
   
</div>
            </div>
            <script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Futura, 'Trebuchet MS', sans-serif;\n\ttext-transform: uppercase;\n\tfont-size: .7em;\n\tcolor: #C1C1C1;\n\tline-height: 25px;\n\ttext-align: center;\n\tpadding: 0px;\n\tbackground-image: url(FIRMA_files\/PhotoGray_nav_bg.png);\n\t_background-image: url(FIRMA_files\/PhotoGray_nav_bg.jpg);\n\tbackground-repeat: repeat-y;\n\tborder-top: 1px solid #999;\n\tborder-bottom: 1px solid #999;\n}\n\n.navbar-bg {\n\tpadding: 6px 0px 4px 0px;\n}\n\n.navbar ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n.navbar ul li {\n\tdisplay: inline; \n\tlist-style-type: none;\n\tmargin: 0px;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\n.noncurrent-page  a:visited {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.noncurrent-page  a {\n\ttext-decoration: none;\n\tcolor: #C1C1C1;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n\n.noncurrent-page a:hover {\n\ttext-decoration: none;\n\tcolor: #EC001E;\n\ttext-shadow: 0px -1px 2px #333;\n}\n\n.current-page a\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n.current-page a:visited\n{\n\ttext-decoration: none;\n\tcolor: #000;\n\ttext-shadow: 0px -1px 2px #7E7E7E;\n}\n\n", "current-page-GUID": "E5E927AF-F03D-4A9F-88E8-0AEB1600112A", "isCollectionPage": "NO"});
//--><!]]></script>
            <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>

          </div>
          <div style="height: 107px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
            <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
            <div style="height: 50px; width: 442px;  height: 50px; left: 31px; position: absolute; top: 57px; width: 442px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity shadow_0">
              <div style="position: relative; width: 442px; ">
                <img src="FIRMA_files/shapeimage_1.png" alt="" style="height: 19px; left: 0px; margin-left: 4px; margin-top: 8px; position: absolute; top: 0px; width: 423px; " />
              </div>
            </div>

           


            <div style="height: 36px; width: 300px;  height: 36px; left: 32px; position: absolute; top: 13px; width: 300px; z-index: 1; " class="tinyText style_SkipStroke_1 shadow_1" id="id1">
              <img src="FIRMA_files/ekoserwis-leveled.png" alt="" style="border: none; height: 36px; width: 300px; " />
            </div>
           


            <div id="id2" style="height: 27px; left: 332px; position: absolute; top: 7px; width: 36px; z-index: 1; " class="style_SkipStroke_2 shape-with-text">
              <div class="text-content graphic_textbox_layout_style_default_External_36_27" style="padding: 0px; ">
                <div class="graphic_textbox_layout_style_default">
                  <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">®</p>
                </div>

              </div>
            </div>
           


            <div style="height: 107px; width: 183px;  height: 107px; left: 488px; position: absolute; top: 8px; width: 183px; z-index: 1; " class="tinyText style_SkipStroke_3" id="id3">
              <img src="FIRMA_files/sen.png" alt="" style="border: none; height: 107px; width: 183px; " />
            </div>
           


            <div style="height: 50px; width: 442px;  height: 50px; left: 31px; position: absolute; top: 57px; width: 442px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_1 shadow_2">
              <div style="position: relative; width: 442px; ">
                <img src="FIRMA_files/shapeimage_2.png" alt="" style="height: 19px; left: 0px; margin-left: 4px; margin-top: 8px; position: absolute; top: 0px; width: 423px; " />
              </div>

            </div>
           


            <div style="height: 36px; width: 300px;  height: 36px; left: 32px; position: absolute; top: 13px; width: 300px; z-index: 1; " class="tinyText style_SkipStroke_4 shadow_3 reflection_0" id="id4">
              <img src="FIRMA_files/ekoserwis-leveled_1.png" alt="" style="border: none; height: 36px; width: 300px; " />
            </div>
           


            <div style="height: 107px; width: 183px;  height: 107px; left: 488px; position: absolute; top: 8px; width: 183px; z-index: 1; " class="tinyText style_SkipStroke_5" id="id5">
              <img src="FIRMA_files/sen_1.png" alt="" style="border: none; height: 107px; width: 183px; " />
            </div>
          </div>
          <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">

            <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
            <div style="height: 644px; width: 634px;  height: 644px; left: 33px; position: absolute; top: 55px; width: 634px; z-index: 1; " class="tinyText style_SkipStroke_6" id="id6">
              <img src="FIRMA_files/droppedImage.png" alt="" style="border: none; height: 645px; width: 634px; " />
            </div>
           


            <div style="height: 142px; width: 667px;  height: 142px; left: 35px; position: absolute; top: -6px; width: 667px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_2 shadow_4">
              <div style="position: relative; width: 667px; ">
                <img src="FIRMA_files/shapeimage_3.png" alt="" style="height: 94px; left: 0px; margin-left: 4px; margin-top: 6px; position: absolute; top: 0px; width: 652px; " />
              </div>

            </div>
           


            <div style="height: 169px; width: 299px;  height: 169px; left: 359px; position: absolute; top: 178px; width: 299px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_2 shadow_5">
              <div style="position: relative; width: 299px; ">
                <img src="FIRMA_files/shapeimage_4.png" alt="" style="height: 161px; left: 0px; margin-left: 4px; margin-top: 5px; position: absolute; top: 0px; width: 225px; " />
              </div>
            </div>
            <div style="height: 480px; line-height: 480px; " class="spacer"> </div>
          </div>

          <div style="height: 279px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
            <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
            <div style="height: 72px; width: 169px;  height: 72px; left: 265px; position: absolute; top: 207px; width: 169px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_2 shadow_6">
              <div style="position: relative; width: 169px; ">
                <img src="FIRMA_files/shapeimage_5.png" alt="" style="height: 30px; left: 0px; margin-left: 4px; margin-top: 5px; position: absolute; top: 0px; width: 159px; " />
              </div>
            </div>
           


            <div style="height: 3px; width: 551px;  height: 1px; left: 74px; position: absolute; top: 205px; width: 551px; z-index: 1; " class="tinyText">

              <div style="position: relative; width: 551px; ">
                <img src="FIRMA_files/shapeimage_6.png" alt="" style="height: 3px; left: 0px; margin-top: -1px; position: absolute; top: 0px; width: 551px; " />
              </div>
            </div>
           


            <div style="height: 72px; width: 169px;  height: 72px; left: 265px; position: absolute; top: 207px; width: 169px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_2 shadow_7">
              <div style="position: relative; width: 169px; ">
                <img src="FIRMA_files/shapeimage_7.png" alt="" style="height: 30px; left: 0px; margin-left: 4px; margin-top: 5px; position: absolute; top: 0px; width: 159px; " />
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  <script type="text/javascript"></script><div style="text-align:center;font-size:11px" class="cbalink"><a href="http://www.cba.pl/" title="darmowy hosting">Darmowy Hosting</a> CBA.PL<br/><br/></div>
<!--]>--><script type="text/javascript" src="http://a.cba.pl/r2.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>

<script type="text/javascript">
_uacct = "UA-2289508-3";
urchinTracker();
</script>
</body>
</html>



Widzisz? Ani jednego słowa - same grafiki.
Co do grafik - za pierwszym razem pokazała mi z cieniem, teraz pokazuje sam tekst. Natomiast za cienie odpowiedzialny jest skrypt js który masz na stronie, dodający cień do obrazków które mają klasę shadow - spróbuj ją usunąć, albo zmień program na coś solidniejszego...
Ps. problem absolutnie nie ma nic wspólnego z Fx tylko z kodowaniem strony - ot po prostu program którego używasz dodaje jakieś swoje "ulepszenia".
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Odp: dziwny widok w firefoxie

Postautor: btobga » 19 lipca 2010, 09:13

Przeglądarka: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; pl-pl) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16

Dzięki, już zmieniłem program. Jest trochę trudniejszy ale już w trakcie widzę, że strona wyświetla się bezbłędnie. Na początku myślałem, że to może mieć coś wspólnego z Fx bo w innych przeglądarkach było ok. Jeszcze raz dzięki
btobga
 
Posty: 3
Z nami od: 18 lipca 2010, 12:30


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: dexter, Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: