Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS]CSS- IE7 i FF3.5.2
Forum PHP.pl > Forum > Przedszkole
qbas-s
Witam,
nie mam już siły dlaczego ten IE jest taki po******ny??

Strona www.kubajedlina.cba.pl - w ie7 i ff3.5 inaczej się wyświetla.
Nawet są różnice w wyświetlaniu flasha w nagłówku(questionmark.gif?).
Najbardziej chodzi mi o stopkę - nie wiem jak tej różnicy w ie7 się pozbyć.

Oto kod źródłowy stopki:
  1.  
  2. <div id="conten">
  3.  
  4. <div id="callback">
  5. <form name="CallBack" action="" accept-charset="UTF-8" method="POST" >
  6.  
  7. Our staff call to you as soon as possible<br><hr/>
  8. <input type="hidden" name="check" value="true">
  9.  
  10. <input type="text" name="name" id="phone" maxlength="40" tabindex="1" value="Your name" onClick="clear()" onFocus="if(this.value==this.defaultValue) this.value='';" >
  11. <br/>
  12. <input type="text" name="phone" id="phone" maxlength="20" tabindex="2" value="Your phone number" onClick="clear()" onFocus="if(this.value==this.defaultValue) this.value='';">
  13. <br/>
  14. <input type="submit" name="ok" value="Send" tabindex="4">
  15. <span id="cb_image">
  16.  
  17. <img src="http://kubajedlina.cba.pl/templates/td_dimje/images/callback.jpg" alt="">
  18. </span>
  19. </form>
  20. </div>
  21. <span id="contact">
  22. <b>Diamond Moves - Contact</b><br/><hr/>
  23. <b>Phone:</b>&nbsp;020&nbsp;87&nbsp;07&nbsp;00&nbsp;79<br>
  24.  
  25. <b>E-Mail:</b>&nbsp;info@diamondmoves.co.uk
  26. <div id="reg">
  27. <a href="java script: getData('http://kubajedlina.cba.pl/templates/td_dimje/rules.php','center');">
  28. <b>Terms and Condition</b>
  29. </a>
  30. </div>
  31. </span>
  32. <span id="recomend">
  33. <form action="" accept-charset="UTF-8" method="POST">
  34. <input type="hidden" name="r_check" value="true">
  35.  
  36. Recommend Us to Your friends<br/><hr/>
  37. <input type="text" name="r_name" id="r_name" maxlength="40" tabindex="1" value="Your name" onClick="clear()" onFocus="if(this.value==this.defaultValue) this.value='';" >
  38. <br/>
  39. <input type="text" name="r_email" id="r_email" maxlength="40" tabindex="1" value="Friend's email" onClick="clear()" onFocus="if(this.value==this.defaultValue) this.value='';" ><br/>
  40. <input type="submit" name="ok" value="Send">
  41. <span id="cb_image">
  42. <img src="http://kubajedlina.cba.pl/templates/td_dimje/images/london.gif" alt="">
  43. </span>
  44.  
  45. </form>
  46. </span>
  47. </div>
  48.  
  49.  
  50.  


--------------------A TO CSS-----------------
#alert{
color: red;
}

#line{
position: absolute;
margin-top: 10;
margin-left: -100px;
}
#conten{
position: relative;
width: 900px;
height: 100px;
display: block;
}
#contact{
margin-left: 325px;
width: 270px;
text-align: left;
margin-top: -110px;
display: block;
font-size: 16px;
margin-top: -107px;
}
#reg{
margin-top: 30px;
margin-left: 50px;
color: red;
}
#callback{
text-align: left;
width: 275px;
height: 100px;
display: block;
}
#cb_image{
position: absolute;
margin-left: 80px;
margin-top: -40px;
width: 140px;
}
#recomend{
position: absolute;
text-align: left;
width: 280px;
display: block;
margin-top: -117px;
margin-left: 640px;
}

hr{
color: blue;
}
hr.pion {
border: 1px solid #990099;
height: 100px;
width: 1px;
}


BARDZO PROSZĘ O POMOC:(
nitek
oj, problemów zacznij szukać tutaj:
http://validator.w3.org/check?uri=http%3A%...ine&group=0

ja znalazłem ich w ten sposób 165!
qbas-s
Stronka oparta jest na joomla 1.0.15. Ten fragment kodu który podałem w html to jest część modułu którego napisałem, ten css który również podałem jest oddzielnie stworzonym plikiem dla tego modułu. Walidowałem stronę i wiem że jest wiele błędów ale nie zamierzam ich poprawiać w index.php który ma ogromną ilość includowanych plików:)
Samą joomle na serwer wrzucałem pół dnia a co dopiero walidować ją haha.gif

Wracając do tematu wszystko działa świetnie prócz tej stopki w ie którą sam zrobiłem i tego flasha również w ie:(
cojack
http://code.google.com/p/ie7-js/ - pomaga nawet z IE 6 i chyba nawet 5.5

@edit \/
nie po to piszę z standardami w3c żeby się przejmować jakimiś pseudo przeglądarkami. Jak ma wyłączoną obsługę js, jego strata.
Zawsze można dodąć <noscript>Włącz k$#@ js, bo stroną Ci będzie h&@$! wyglądać</noscript>
wookieb
Cytat(cojack @ 28.08.2009, 08:47:36 ) *
http://code.google.com/p/ie7-js/ - pomaga nawet z IE 6 i chyba nawet 5.5


Nie po to składa się strony za pomocą css, żeby w większości korzystać z js. Po to się czyta o hackach cssowych na ie zeby działało to takze dla użytkowników mających wyłączony javascript.
mls
Na samym początku to ja bym proponował spojrzeć w semantykę. Bo od kiedy to elementy blokowe umieszczamy w liniowych (np. form czy div wewnątrz span)?

A błąd występuje chyba nie tylko w IE:
qbas-s
mls czyli jak to powinno wyglądać?? nie może być form wewnątrz span i div?? w ff działa

A co z różnicą w wyświetlaniu flash'a? dlaczego w ff jest ok a w ie nie? czy to może być wina tego że .swf zrobiony jest pod flash player7?
Oto kod źródłowy odpowiadający za jego wyświetlanie

  1. <div id="logo">
  2. <!-- -->
  3. </div>
  4. <div id="bannerdiv">
  5. <script language="javascript" type="text/javascript" src="http://kubajedlina.cba.pl/templates/td_dimje/scripts/flashobject.js"></script>
  6.  
  7.  
  8. <!-- Flash header -->
  9. <div id="flashcontent">
  10. OOPS. Your Flash player is missing or outdated.<a href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Click here</a> to update your player so you can see this content.
  11. </div>
  12. <script type="text/javascript">
  13. // <![CDATA[
  14. var fo = new FlashObject("./templates/td_dimje/images/header.swf", "topflash", "100%", "200", "1");
  15. fo.addParam("wmode", "transparent");
  16. fo.write("flashcontent");
  17. // ]]>
  18. </script>
  19. </div>
  20.  
  21. </div>
  22.  
  23.  


Problemu ze stopką się pozbyłem narazie dzięki postowi cojack(http://code.google.com/p/ie7-js/) - chociaż nie jestem do końca zadowolony bo css działa zawsze a to rozwiązanie nie.

Nadal dla mnie jest zagadką ten nagłówek we flashu:/
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.