Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

gorylek · Post autor: **gorylek** » śr paź 29, 2008 8:16 pm

http://validator.w3.org/check?uri=http% ... omatically)&doctype=Inline&group=0

Masz niepoprawny DOCTYPE zmień go na HTML 4.01 Frameset

http://validator.w3.org/check?uri=http% ... omatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.591

wtedy strona przechodzi validacje z małym zastrzeżeniem.

Pozdrawiam

Regulus · Post autor: **Regulus** » śr paź 29, 2008 10:19 pm

Odnosie frameset jest jeszcze drobny szczegół ta biała linia pomiędzy menu i ramką główną

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="Keywords" CONTENT="adam, bórkowski, muzyka, elektroniczna">
<META NAME="Description" CONTENT="Strona poszukiwacza barw, twórcy muzyki elektronicznej. Adam Bórkowski">
<META NAME="Author" CONTENT="Wawrzyniec">
<META NAME="Robots" CONTENT="ALL">
<TITLE>Mr. Smok Adam Bórkowski</TITLE>
</HEAD> 
<FRAMESET COLS="*,782,*">
<FRAME NAME="licznik" SRC="licznik.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE>
<FRAMESET ROWS="101,*">
<FRAME NAME="menubar" SRC="banner.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE>
<FRAME NAME="glowna" SRC="glowna.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE>
</FRAMESET>
<FRAME NAME="pusta" SRC="pusta.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE>
</FRAMESET>
</HTML>

Validacja przeszła poprawnie.

przedtem miałem tak:

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="Keywords" CONTENT="adam, bórkowski, muzyka, elektroniczna">
<META NAME="Description" CONTENT="Strona poszukiwacza barw, twórcy muzyki elektronicznej. Adam Bórkowski">
<META NAME="Author" CONTENT="Wawrzyniec">
<META NAME="Robots" CONTENT="ALL">
<TITLE>Mr. Smok Adam Bórkowski</TITLE>
</HEAD>
<FRAMESET COLS="*,782,*"framespacing="0" border="0">
<FRAME NAME="licznik" SRC="licznik.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE border="0">
<FRAMESET ROWS="101,*" framespacing="0" border="0">
<FRAME NAME="menubar" SRC="banner.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE border="0">
<FRAME NAME="glowna" SRC="glowna.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE border="0">
</FRAMESET>
<FRAME NAME="pusta" SRC="pusta.html" FRAMEBORDER="0" SCROLLING="NO" NORESIZE border="0">
</FRAMESET>
</HTML>

, i nie było tej białej linii w ale nie przechodziło validacji

link do strony, bezpośredni http://mrsmok.midimania.pl przzprzypadek wtedy podałem alias.
Jak ustawić atrybuty we frameset?

R.

spider · Post autor: **spider** » pn gru 01, 2008 9:08 pm

Witam!
mam ten sam problem co poprzednicy. Strona wyświetla się prawidłowo w większości przeglądarek(w tym FF, Opera itp) natomiast w IE nie. Oto adres strony: www.gcklobzenica.xt.pl
Z góry mówię, że nie jestem jakimś leniem. Próbuję to naprawić od dłuższego czasu i nic. Przepuszczałem tez stronkę przez walidator. Pozdrawiam

A oto Kod HTML:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Gminne Centrum Kultury w Łobżenicy - Oficjalna strona internetowa</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-color: #f1f1e3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #4aaddb;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2d8bb7;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1 {
	font-size: 22px;
	color: #323232;
	margin-bottom: 0px;
	display: inline;
}
h2 {
	font-size: 14px;
	color: #d67415;
	margin-left: 5px;
	display: inline;
}
#outer_wrapper {
	background-image: url(strona_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('menu_rollover/2_05.gif','menu_rollover/3_01.gif','menu_rollover/2_01.gif','menu_rollover/4_01.gif','menu_rollover/3_02.gif','menu_rollover/2_02.gif','menu_rollover/4_02.gif','menu_rollover/3_03.gif','menu_rollover/2_03.gif','menu_rollover/4_03.gif','menu_rollover/3_05.gif','menu_rollover/4_05.gif')">
<div id="outer_wrapper">
  <div id="inner_wrapper">
    <div id="content_wrapper">
      <div id="linki"><a href="aktualnosci.html" target="_top" onClick="MM_nbGroup('down','group1','Aktualnosci','menu_rollover/3_01.gif',1)" onMouseOver="MM_nbGroup('over','Aktualnosci','menu_rollover/2_01.gif','menu_rollover/4_01.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="menu_rollover/1_01.gif" alt="Aktualności" name="Aktualnosci" width="126" height="64" border="0" id="Aktualnosci" onload=""></a><a href="kluby.html" target="_top" onClick="MM_nbGroup('down','group1','Kluby','menu_rollover/3_02.gif',1)" onMouseOver="MM_nbGroup('over','Kluby','menu_rollover/2_02.gif','menu_rollover/4_02.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="menu_rollover/1_02.gif" alt="Kluby" name="Kluby" width="103" height="64" border="0" id="Kluby" onload=""></a><a href="sklepik.html" target="_top" onClick="MM_nbGroup('down','group1','Sklepik','menu_rollover/3_03.gif',1)" onMouseOver="MM_nbGroup('over','Sklepik','menu_rollover/2_03.gif','menu_rollover/4_03.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="menu_rollover/1_03.gif" alt="Sklepik" name="Sklepik" width="91" height="64" border="0" id="Sklepik" onload=""></a><a href="kontakt.html" target="_top" onClick="MM_nbGroup('down','group1','Kontakt','menu_rollover/3_05.gif',1)" onMouseOver="MM_nbGroup('over','Kontakt','menu_rollover/2_05.gif','menu_rollover/4_05.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="menu_rollover/1_05.gif" alt="Kontakt" name="Kontakt" width="95" height="64" border="0" id="Kontakt" onload=""></a></div>
      <div id="logo"><img src="logo.jpeg" alt="logo" width="183" height="66" class="img_no_border"></div>
      <div id="panel_boczny">
        <ul>
          <li class="header">Menu</li>
          <li><strong><a href="index.html">Strona Główna</a></strong></li>
          <li><strong><a href="zobacz.html">Zobacz, przeczytaj</a></strong></li>
          <li><strong><a href="plan_imprez.html">Plan imprez</a></strong></li>
          <li><a href="bedzie.html"><strong>Będzie się działo</strong></a></li>
          <li><a href="imprezy.html"><strong>Imprezy</strong></a></li>
          <li><a href="galeria.html"><strong>Galeria</strong></a></li>
          <li><a href="naturalisko.html"><strong>Naturalisko</strong></a></li>
          <li><a href="biblioteka.html"><strong>Biblioteka</strong></a></li>
          <li><a href="gmina.html"><strong>Gmina Łobżenica</strong></a></li>
          <li class="header">Warto zobaczyć</li>
          <li><a href="http://www.zsplobzenica.pl/"><strong>ZSP Łobżenica</strong></a></li>
          <li><a href="http://lobzenica_gimnazjum.w.interia.pl/"><strong>Gimnazjum Łobżenica</strong></a></li>
          <li><a href="http://www.gk.msf.opoka.org.pl/"><strong>Górka Klasztorna</strong></a></li>
          <li><a href="http://www.lobzenica.pl/"><strong>UMG Łobżenica</strong></a></li>
        </ul>
    <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-html401-blue"
        alt="Valid HTML 4.01 Frameset" height="31" width="88"></a>
  </p>

<p>
<a href="http://jigsaw.w3.org/css-validator/">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Poprawny CSS!">
</a>
</p>
        
     
      </div>
      <div id="content">
        <div id="content_inner"></div>
        <img src="gck_budynek.jpg" alt="budynek" width="571" height="199"><br>
        <br>
        <div id="witam">
          <p>Serdecznie witamy na Oficjalnej Stronie Internetowej  Gminnego Centrum Kultury w Łobżenicy. Na naszej stronie znajdą Państwo informacje  dotyczące imprez odbywających się na terenie naszej gminy, biblioteki, klubach  działających przy GCK, sklepiku, Naturaliska oraz  naszej gminy. Strona jest na bieżąco uaktualniana.  Osoby zainteresowane współpracą zapraszamy do działu kontakt, gdzie znajduje  się odpowiedni formularz. Serdecznie zapraszamy!</p>
        </div>
        <br>
        <br>
        <div id="news_wrapper">
          <div id="data2"><img src="data copy copy copy.jpg" width="45" height="52"></div>
          <div id="naglowek">
            <h1>
              <h1>Zapraszamy na KABARETRONIK!
            </h1>
            </h1>
          </div>
          <div id="data2"></div>
          <div id="data"></div>
          <div id="news_tresc">
            <div align="left"><p align="left"></p>
              <p>27. listopada br. o godz. 17:30 w Gminnym Centrum Kultury w łobżenicy odbędzie się KABARETRONIK.</p>
              <p>W programie:</p>
              <ol start="1" type="1">
                <li>Występ       zespołu muzycznego</li>
                <li>Recital       kabaretu „MP” w skeczach:</li>
              </ol>
              <ul>
                <li>wędkarz</li>
                <li>lekarz</li>
                <li>strażak</li>
              </ul>
              <ol start="3" type="1">
                <li>Występ       zespołu tanecznego „Teenagers”</li>
                <li> Spektakl grupy „Pierot”:</li>
              </ol>
              <ul>
                <li>jezioro łabędzie</li>
                <li>kwoka</li>
                <li>trzej tenorzy</li>
              </ul>
              <h2>Serdecznie zapraszamy!!</h2>
            </div>
          </div>
        </div>
        <br/>
        <br/>
        <div id="news_wrapper">
          <div id="data2"><img src="data copy copy.jpg" width="45" height="52"></div>
          <div id="naglowek">
            <h1>
              <h1>Mikołajki tuż tuż !
            </h1>
            </h1>
          </div>
          <div id="data2"></div>
          <div id="data"></div>
          <div id="news_tresc">
            <div align="left"><p align="left"></p>
              <p>Dnia 6 grudnia br. o godzinie 15:00 w Parku miejskim w Łobżenicy odbędą się Łobżenickie Mikołajki. W programie przewidujemy:</p>
              <p>15:00 - Śmignięcie Mikołaja przez Park</p>
              <p>15:30 - Łobżenicki Mikołajkowy Idol - Chętne osoby do śpiewania</p>
              <p>17:00 - Kino Malucha "Bajka"</p>
            </div>
          </div>
        </div>
        <br>
        <br>
        <div id="news_wrapper">
          <div id="data2"><img src="data copy.jpg" width="45" height="52"></div>
          <div id="naglowek">
            <h1>
              <h1>Poszukiwani aktorzy !
            </h1>
            </h1>
          </div>
          <div id="data2"></div>
          <div id="data"></div>
          <div id="news_tresc">
            <div align="left"><p align="left"></p>
              <p>Szanowni Czytelnicy!</p>
              <p>Wiosną 2009r. będzie realizowany film "Legenda o Łobżenicy", do którego poszukujemy odtwórców głównych ról oraz statystów. Ogólem ok. 30 osób. Zainteresowanych prosimy o kontakt z numerem: (0-67) 286 80 06 lub 663 621 532. </p>
              <p>Pierwsze spotkanie organizacyjne odbędzie się w miesiącu styczniu.</p>
            </div>
          </div>
        </div>
        <br>
      </div>
    </div>
  </div>
  <div id="footer_wrapper">
    <div id="footer">
      <p>Copyright ©  2008 GCK Łobżenica | Design by <a href="mailto:[email protected]">Kamil Pająk</a> <span class="menu_footer"><a href="aktualnosci.html">Aktualności</a> | <a href="kluby.html">Kluby </a>| <a href="sklepik.html">Sklepik</a> | <a href="kontakt.html">Kontakt</a></span></p>
    </div>
  </div>
</div>
</body>
</html>

oraz kod CSS:

Kod: Zaznacz cały

#outer_wrapper {
	background-image: url(strona_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#inner_wrapper {
	background-image: url(top_bg.gif);
	background-repeat: repeat-x;
}
#content_wrapper {
	text-align: left;
	height: 500px;
	width: 744px;
}
#logo {
	float: left;
	padding-left: 100px;
}
#linki {
	float: right;
}
#logo {
	float: left;
	padding-left: 0px;
	padding-top: 15px;
	height: 85px;
}
#linki {
	float: right;
	width: 500px;
	height: 85px;
	padding-top: 25px;
}
#outer_wrapper {
	background-image: url(strona_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#inner_wrapper {
	background-image: url(top_bg.gif);
	background-repeat: repeat-x;
}
#content_wrapper {
	text-align: left;
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	height: 8500px;
	clear: both;
}
.menu_linki {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #f1f1e3;
	margin-left: 35px;
	padding-right: 20px;
}
#panel_boczny {
	float: left;
	width: 144px;
}
#panel_boczny ul {
	width: 125px;
	margin: 10px;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
#panel_boczny .header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #323232;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccccb2;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: blink;
}
#panel_boczny li {
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccccb2;
	color: #FFFFFF;
}
#footer_wrapper {
	clear: both;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #F1F1E3;
	background-color: #F1F1E3;
}
#footer {
	padding: 10px;
	width: 724px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b9b99d;
	border-bottom-color: #b9b99d;
}
.menu_footer {
	padding-left: 75px;
}
#content {
	float: right;
	width: 600px;
	margin-right: 0px;
}
#content {
	float: right;
	width: 600px;
	margin-right: 0px;
}
#content {
	float: right;
	width: 600px;
	margin-right: 0px;
}
#content_inner {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
img {
	padding-left: 20px;
}
img {
	margin-left: 5px;
	padding-left: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.img_no_border {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#witam {
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #b9b99d;
}



#news_naglowek {
	float: left;
}
#data {
	float: left;
}
#news_naglowek {
	float: left;
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #323232;
	text-decoration: none;
}
#data {
	float: left;
}
news_wrapper {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

news_naglowek h2 {
	padding-left: 5px;
}
#news_naglowek_2 {
	float: left;
	display: inline;
	padding-top: 30px;
}

news_naglowek_2 {
	float: left;
}
#news_treść {
	margin: 0px;
}
#news_tresc {
	margin: 0px;
	padding-top: 50px;
}

#news_naglowek_2 {
	float: left;
}
#news_naglowek {
	display: inline;
	float: left;
	padding-left: 60px;
	padding-top: 0px;
	height: 30px;
	width: 300px;
}
#data {
	float: left;
}
#news_naglowek {
	display: inline;
}

#news_naglowek {
	float: left;
	padding-top: 5px;
}
#data {
	float: left;
}
#naglowek_news {
	float: left;
}

#data {
	float: left;
}

#naglowek {
	float: left;
}
	float: left;
}
#data {
	float: left;
}
#naglowek {
	display: inline;
	float: left;
}
#naglowek {
	display: inline;
	float: left;
}
#naglowek {
	display: inline;
	float: left;
	margin-left: 8px;
}
#data2 {
	float: left;
}
#news_naglowek_2 {
	display: inline;
	float: left;
}

#naglowek2 {
	float: left;
	padding-top: 30px;
}
#news_tresc {
}
.naglowki_podstron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.kluby_font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
img_dyr {
	border: 4px solid #FFFFFF;
}
zobacz_przeczytaj {
	display: inline;
}
#panel_boczny a {
	color: #FFFFFF;
}
#panel_boczny a:hover {
	background-color: #ccccb2;
	color: #666666;
}
div2_galeria {
	padding-left: 10px;
}
news_wrapper_galeria {
	margin-left: 10px;
}
#news_wrapper_imprezy {
	padding-top: 10px;
}
#miesiac {
}
#naglowek2 {
	padding-left: 95px;
}
#data3 {
	width: 95px;
}

#pupil {
	border: 4px solid #FFFFFF;
	height: 260px;
	width: 310px;
}

Regulus · Post autor: **Regulus** » pn gru 01, 2008 10:36 pm

spider pisze:Witam!
mam ten sam problem co poprzednicy. Strona wyświetla się prawidłowo w większości przeglądarek(w tym FF, Opera itp) natomiast w IE nie. Oto adres strony: www.gcklobzenica.xt.pl
Z góry mówię, że nie jestem jakimś leniem. Próbuję to naprawić od dłuższego czasu i nic. Przepuszczałem tez stronkę przez walidator. Pozdrawiam

Wprawdzie jestem początkujący, jeśli chodzi o prawidłowe podejście do stron na div-ach i css, jednak pozwolę sobie coś zauważyć:
mi to wygląda na jakiś szablon, jakby z lekka "walnięty" błąd moim zdaniem, polega na tym, że nie ma w tym kodzie określonej wartości dla position:. Jeśli korzystasz z szablonów, ( czemu nie, po co wywarzać otwarte drzwi

}, to polecam:
http://www.free-css.com/free-css-layouts/page1.php

Może skorzystanie z tego będziedla Ciebie prostsze, niż przebudowywanie wszystkiego po kawału od nowa?

Przy okazji można się sporo nauczyć, a jak ten Twój kod przerobić, pozostawiam fachowcom, ale podejrzewam że prościej jest wstawić stronę w poprawny szablon.

ooo_michal · Post autor: **ooo_michal** » pn gru 01, 2008 11:14 pm

Regulus, właśnie przez pisanie własnego poprawnego kodu można się najwjęcej nauczyć... A kożystanie z gotowców, szczególnie jeśli nie zna się podstaw, może niejednemu sprawić dużo więcej kłopotu.

A przechodząc do problemu... Przepuszczałeś przez walidator? I co pokazał? Bo mi wyświetlił parę błędów... (nie sprawdzaj tej strony tylko tą).

Bez większego zagłębiania się w kod widać poważny błąd - brak otwierającego znacznika <html>.
Idąc dalej widać, że niektóre tagi są niepozamykane (np. <meta .. utf-8">; powinno być na końcu ...8" />). Co prawda to raczej nie powoduje rozjeżdżania się ale skoro juzż się zadeklarowałeś na xhtml to tego się trzymaj.

Przerzuć kod css do zewnętrznego arkusza - będzie ci łatwiej nad tym zapanować jeśli wszystko będzie w jednym miejscu.

No i na koniec - zmień hosting. Twój usługodawca na samym początku dokleja coś takiego:

Kod: Zaznacz cały

<script type="text/javascript" language="JavaScript"><!-- 
document.write (unescape ('%3cscript type="text/javascript" '+' src="http://kropka.onet.pl/_s/kropka/r.js?id=nAgwRA.t5xh2c653_jIM6PTYHZGp0btZH1qx3Xi.Fq7.S7&t=301&z=1&k=0&RR='+(new Date()).getTime()+'"%3e%3c/script%3e')); 
//--></script>

To jest prawdopodobnie przyczyną kłopotów.

spider · Post autor: **spider** » czw gru 04, 2008 7:41 pm

lorem

spider · Post autor: **spider** » wt gru 09, 2008 9:01 pm

ooo_michal miał racje. Chodziło o usługodawcę. Wrzuciłem stronkę na swój prywatny serwer i działa prawie idealnie. Tzn u mnie na monitorze 19 calowym LCD wyświetla się idealnie, a na monitorze zwykłym 17 calowym cały content_wrapper wraz ze zdjęciami i tekstami wyświetla się o całą stroę(jakies 600 px) niżej, a reszta wyświetla się ok... Cóż poczynić?

yeetti · Post autor: **yeetti** » pt gru 12, 2008 10:38 pm

Regulus pisze:gorylek@ Czas na efekt mojej walki , wiem jest dział "oceń stronę" jednak przebudowałem ją dzięki Twojej pomocy, dlatego zamieszczam link tutaj:http://mrsmok.pl/. Jakbyś mógł spojrzeć na kody CSS i HTML-a, czy wszystko jest już zgodne ze standardami? Mi się wydaje, że już prawie tak choć podejrzewam, że popełniłem jakieś błędy z pozycjonowaniem DIV-ów, w każdym razie strona wydaje się wyświetlać poprawnie w IE7 i FF3.

R.

Bardzo ladna graficznie ta strona - css validuje sie doskonale jako css 2.1 - problem z html: moj Firefox pokazuje mi na dziendobry 39 powaznych bledow i 3 ostrzezenia ...polecam zainstalowanie pod Firefoxem modulu komplementarnego HTML Validator - to pozwala kontrolowac na biezaco poprawnosc kodu.
Pozniejsza validacja przez w3c moze co prawda wykazac jeszcze jakies drobne bledy - standarty zmieniaja sie dosc czesto.

Co do prawidlowego wyswietlania przez rozne przegladarki:
niestety nie da sie napisac css uniwersalnego wprost - strone dobrze ustawiona pod IE trzeba dodatkowo nieco wyretuszowac dla potrzeb Firefoxa czy Opery - metody sa rozne - ja osobiscie pisze przykladowo tak:

Kod: Zaznacz cały

body {
	background: #587681;
	text-align: center;
	color: #ccc;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
/* osobna instrukcja dla mozilla */
html>body body {
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
}

... i pozniej zwracam szczegolna uwage na poprawnosc wyswietlania w Operze - ona potrafi zaczerpnac z instrukcji widocznych dla IE, ale takze i z tych widocznych wylacznie przez mozille.

Witam!
mam ten sam problem co poprzednicy. Strona wyświetla się prawidłowo w większości przeglądarek(w tym FF, Opera itp) natomiast w IE nie. Oto adres strony: www.gcklobzenica.xt.pl
Z góry mówię, że nie jestem jakimś leniem. Próbuję to naprawić od dłuższego czasu i nic. Przepuszczałem tez stronkę przez walidator. Pozdrawiam

Mysle, ze z pozycjonowaniem problem jest ten sam co powyzej a i niejako identyczny z validacja - Firefox pokazuje mi 3 bledy strony http://www.gcklobzenica.web-4-you.pl/ - 2 bledy skladni i jeden byc moze nieco powazniejszy ...

pozdrawiam

gorylek · Post autor: **gorylek** » sob gru 13, 2008 9:48 am

strone dobrze ustawiona pod IE trzeba dodatkowo nieco wyretuszowac dla potrzeb Firefoxa czy Opery

Jak na mój gust to powinieneś darować sobie rady bo de facto każesz zrobić stronę pod jedną przeglądarkę a potem dopasować ją do wszystkich innych. Lepiej zrobić dobrą stronę która pasuje pod wszystkie inne a dopiero później wziąć poprawkę na IE.

Co do www.gcklobzenica.xt.pl to wpierw wyzeruj sobie wewnętrzne i zewnętrzne marginesy na stronie zapisem:

Kod: Zaznacz cały

* {
margin: 0;
padding: 0;
border: 0;
}

yeetti · Post autor: **yeetti** » sob gru 13, 2008 1:52 pm

gorylek pisze:
Jak na mój gust to powinieneś darować sobie rady bo de facto każesz zrobić stronę pod jedną przeglądarkę a potem dopasować ją do wszystkich innych. Lepiej zrobić dobrą stronę która pasuje pod wszystkie inne a dopiero później wziąć poprawkę na IE.

De gustibus non disputandum

Strona ma sie wyswietlac prawidlowo w maximum roznych przegladarek ...i tyle.
IE jest podstawaowa przegladarka zintegrowana z systemem wszystkich kompow uzywajacych winde.
Jest tez sporo innych nie uzywajacych motora gecko, wiec latwiej wypozycjonowac elementy dla IE i pozniej naniesc poprawki dla mozilli /a nie odwrotnie/ ...
ale "robta co chceta" byleby bylo zrobione dobrze

gorylek · Post autor: **gorylek** » sob gru 13, 2008 2:40 pm

Strona ma sie wyswietlac prawidlowo w maximum roznych przegladarek ...i tyle.
IE jest podstawaowa przegladarka zintegrowana z systemem wszystkich kompow uzywajacych winde.

Ale badziewna i zabugowana. To nie czasy kiedy miała 90% rynku i było róbta co chceta (za co teraz płacimy). Obecnie IE6,7,8 mają niecałe 50% rynku i ta liczba z roku na rok spada. Poza tym na Ubuntu mam zainstalowaną dość sporą ilość przeglądarek i obawiam się że jeżeli nie robię cudów z witryną to wszystkie poprawnie wyświetlają moją witrynę gdzie IE6/7 ma nadal z tym problemy i trzeba niestety nanosić na nie poprawki.

Po co mam robić dla IE skoro lepiej robić dla wszystkich innych ? To IE ma problemy i z wersji na wersję dokładając nowe (a no 8 już ma kilka nowych bugów na koncie) starają się naprawiać stare. O ile ja zwyczajnie wywalę warunek [IF IE X] wraz z poprawką (które albo wyjdą raz do roku albo w ogóle) o tyle Ty będziesz musiał przerobić całą witrynę dla swojego IE a potem pozbyć się poprawek dla wszystkich innych które respektują standardy. (ciekawe co zrobisz jak IE wyjdzie z użycia bo pewnie głównie pod nią teraz tworzysz witrynę).

Zresztą nie ma to jak pisać pod IE a potem robić poprawki dla nowszych wersji IE, FF, Opery itp itd

Gratuluje podejścia

yeetti · Post autor: **yeetti** » sob gru 13, 2008 3:43 pm

ale bzdury

chyba rozumiem gdzie lezy przyczyna nieporozumienia - rzeczywiscie jesli robisz proste, statyczne strony to nie ma znaczenia pozycjonowanie precyzyjne i starczy zapewne wrzucic jakies hacki if IE ...ja od jakiegos czasu robie strony elastyczne /tak chyba po polsku tlumaczy sie "flexible layout"/ i potrzebne mi sa precyzyjne informacje dla wszystkich przegladarek - duzo latwiej mi zaczac od pozycjonowania pod IE, ale nieomal jednoczesnie koryguje rzeczy pod Firefoxa ...
Generalnie mam w nosie wszystkie przegladarki, bo nie sprawiaja mi wiekszych klopotow - wali mnie czy lepszy jest Firefox czy IE, bo strona wyswietla sie w obu identycznie

gorylek · Post autor: **gorylek** » sob gru 13, 2008 5:17 pm

chyba rozumiem gdzie lezy przyczyna nieporozumienia - rzeczywiscie jesli robisz proste, statyczne strony to nie ma znaczenia pozycjonowanie precyzyjne i starczy zapewne wrzucic jakies hacki if IE

Yeetti

Ja Cie bardzo przepraszam. Po prostu Cie nie doceniłem

W tej chwili jestem pełen szacunku dla Ciebie

Nie ma to jak przygotowywać elastyczny layout pod IE (zwłaszcza nadal bardzo popularny IE6) gdzie min/max-width/height, background-attachment itp itd nie są obsługiwane a które okropnie się przydają przy tworzeniu tego typu layoutów. Wymaga to sporego bawienia się w JS (wiem coś o tym).
Masz absolutną rację. Po co robić taki layout jak należy (czyli zgodnie ze standardem i specyfikacją CSS2) a potem narzucić poprawki na IE

Lepiej napisać to pod IE (które to się sypnie przy większości znaczników które znacząco ułatwiają życie) a potem nakładać poprawki na wszystko inne (a alternatywnych przeglądarek jest troszkę)

Jestem pełen podziwu na to jak bardzo lubisz utrudniać sobie życie

potrzebne mi sa precyzyjne informacje dla wszystkich przegladarek - duzo latwiej mi zaczac od pozycjonowania pod IE, ale nieomal jednoczesnie koryguje rzeczy pod Firefoxa ...

A co z Operą, Safari, Chrome itp itd etc ?

Cóż. Niereformowalny relikt dawnych lat widać

Miło poznać. No chyba że olejesz IE 6,7 to rzeczywiście IE 8 już nie sprawia aż tylu problemów i spokojnie można ją traktować jako bazę wypadową podobno (jeszcze osobiście jej specjalnie niczym nie forsowałem).

PS: Chyba nie jesteś jedną z tych osób które piszą border: 0 dla IMG który znajduje się w znaczniku <a> ? Nie zastanawiając się nad tym że ten kod jest zbędny i potrzebny tylko w 20% przypadków otwarcia witryny

yeetti · Post autor: **yeetti** » sob gru 13, 2008 5:47 pm

w sumie juz mnie przestaje bawic ta bezprzedmiotowa dyskusja - robie sobie flexible css layout - nie robie NIC ! specjalnie dla IE - nie uzywam javaScript zbyt obszernie w blahych celach, chyba, ze wymaga tego obiekt np. player video - strony dialaja mi we wszystkich przegladarkach jakie dopadlem - nawet w tych z innych niz moj systemow - zakladajac margines bledu = w 90% przegladarek + zgodnosc z css 2.1 /ale czy 2 czy 3 zadnego znaczenia/ + zgodnosc z cala gama xhtml zaleznie jakie chce uzyc moduly - I NIE PLACZE NAD ZLYMI LUB DOBRYMI PRZEGLADARKAMI , bo to nic nie wnosi procz zasmiecania forum

pozdrawiam

gorylek · Post autor: **gorylek** » sob gru 13, 2008 5:58 pm

robie sobie flexible css layout - nie robie NIC ! specjalnie dla IE - nie uzywam javaScript zbyt obszernie w blahych celach

No dobrze. Więc jak radzisz sobie np z min-width? Jeżeli nie robisz niczego specjalnie pod IE. Z zawodowej ciekawości pytam. Sam mam na koncie parę elastycznych layoutów i IE6 sprawiło mi kilka problemów przy realizacji niektórych zamierzeń. Tym razem bez złośliwości pytam.

Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3

Re: Problem z CSS różnice w wygądzie stron w IE6, IE7 i FF3