Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> SWFObject i div
zibra
post 17.10.2009, 14:15:06
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 26.10.2005
Skąd: Wrocław

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

Witam,

mam taki kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  6.  
  7. <script type="text/javascript" src="swfobject.js"></script>
  8. <script type="text/javascript">
  9. swfobject.registerObject("menuswf", "9.0.0");
  10. </script>
  11.  
  12. <style type="text/css" media="screen">
  13. #menu { 
  14. background-color: #000000;
  15. margin: 0px;
  16. padding: 0px;    
  17. overflow: hidden;    
  18. vertical-align: top;
  19. display: table-cell;
  20. width: 260px;   
  21. height: 550px;  
  22. }  
  23. </style>
  24. </head>
  25.  
  26. <body>
  27.  
  28. <div id="menu"> 
  29. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="260" height="550" id="menuswf">
  30. <param name="movie" value="menu.swf">
  31. <param name="menu" value="false">
  32. <param name="quality" value="high">
  33. <param name="scale" value="noscale">
  34. <param name="bgcolor" value="#6D91AE">
  35. <param name="allowscriptaccess" value="sameDomain">
  36. <!--[if !IE]>-->
  37. <object type="application/x-shockwave-flash" data="menu.swf" width="260" height="550">
  38. <param name="menu" value="false">
  39. <param name="quality" value="high">
  40. <param name="scale" value="noscale">
  41. <param name="bgcolor" value="#6D91AE">
  42. <param name="allowscriptaccess" value="sameDomain">
  43. <!--<![endif]-->
  44. <a href="http://www.adobe.com/go/getflashplayer">
  45. <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
  46. </a>
  47. <!--[if !IE]>-->
  48. </object>
  49. <!--<![endif]-->
  50. </object></div>
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


i div "menu" jest częścią grupy div-ów imitujących tabelkę. Gdy w stylach nie ma pogrubionego wiersza (czyli display: table-cell;) wszystko jest ok, gdy jednak jest (a jest chyba konieczny, bo bez niego psują się inne rzeczy) to pod animacją swf tworzy się 5px szpary, która rozsuwa diva i która bierze się nie wiem skąd. Problem występuje tylko w przeglądarce firefox. Czy ktoś ma jakiś pomysł jak to przeskoczyć?

Ten post edytował zibra 17.10.2009, 14:15:45
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
michail_w
post 20.10.2009, 15:24:23
Post #2





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 18.10.2009

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

Ten pasek szarego koloru to podejrzewam jest tło o kolorze #6D91AE, czyli tło twojej animacji flash.
Ale odpowiedź na twoje pytanie jest o wiele prostrza niz myslisz.
Algorytm renederowania tabel
Pod powyższym adresem masz opisany w jaki sposób są renderowane tabele. Przeglądarka IE dostając w css display:table-cell; renderuje każda twoją komórkę podobnie jak element blokowy (np. div). Z kolei FF renderuje każdą komórkę jak element tabeli, to znaczy, że wszystkie elementy mają wysokość elementu zajmującego najwięcej miejsca. Czyli jeżeli masz 3 komórki obok siebie, w pierwszej tekst zajmuje wysokość 10px, w drugiej 30px, a w trzeciej 15px, to mimo wszystko wszystkie komórki będą wyświetlane z wysokością 30px (czyli najwięcej zajmującego elementu).

Aby poradzić sobie z problemem, ze swojej strony polecam użycie float.

Pozdrawiam
Go to the top of the page
+Quote Post
mad/
post 14.11.2009, 00:25:04
Post #3





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 7.10.2009

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

Polecam wyjść od tego szablonu i modyfikować go na czuja, będzie łatwiej:
<?xml version=-"1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" dir="ltr">
<head>
<title>tytuł</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset="utf-8""/>
</head>
<body>
<div id="menu">
<object type="application/x-shockwave-flash" data="menu.swf" width="260" height="550">
<param name="menu" value="false"/>
<param name="quality" value="high"/>
<param name="scale" value="noscale"/>
<param name="bgcolor" value="#6d91ae"/>
<param name="allowscriptaccess" value="sameDomain"/>
<p>Treść alternatywna</p>
</object>
</div>
</body>
</html>
Poza tym menu we flashu to nienajlepszy pomysł, nie będzie dostępne dla osób bez flasha, alternatywna treść też jest niezbędna.

Ten post edytował mad/ 14.11.2009, 00:48:42
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 24.07.2025 - 17:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn