PDA

Zobacz pełną wersję : Przemieszczająca się treść w FF



malkowitch
16-09-2008, 18:20
Na wstępie zdziwiło mnie to i nie mam pojęcia skąd takie wyniki. Wykonałem niedawno nowy szablon dla swojej strony postawionej na Joomli 1.5.6 (dziś sprawdzałem na 1.5.7 i to samo)
Wszystko ładnie i fajnie ale na FF czasami treść główna tzn. artykuły i wszystko co w wstawce "component" spada mi poniżej menu. Wszystkie wymiary podane są prawidłowo a nawet z zapasem więc nie powinno mieć to miejsca. W IE i Operze jest OK. Co najlepsze patrzałem na w FF poprzez dodatek Web Developer i nic nie znalazłem. Mało tego, kiedy tą samą stronę odświeżę to potrafi wszystko wrócić do normy. A 2 czy 3 strony później znów to samo
Wszystko dzieje się tu: TheAmericanMuscle.com.pl (http://theamericanmuscle.com.pl)

Za wszelką pomoc z góry dziękuję.

malkowitch
23-10-2008, 14:27
Naprawdę nikt nie wie jak mi pomóc?
Dla osoby która mi pomoże wstawię na każdej podstronie button na pół roku!

Dodam, że lewa strona tzn. menu, sonda, wyszukiwarkama i prawa strona tzn treść ma styl:
float:left;
overflow:hidden;

neo_fox
23-10-2008, 14:57
... czasami treść główna tzn. artykuły i wszystko co w wstawce "component" spada mi poniżej menu.

"czasami" to niezbyt dokładny opis błędu.
Staraj się znaleźć jakiś wspólny mianownik.

malkowitch
23-10-2008, 15:20
"czasami" to niezbyt dokładny opis błędu.
Staraj się znaleźć jakiś wspólny mianownik.

najlepsze jest to, że wspólnego mianownika brak, poprostu w losowym czasie, bez względu na podstronę, nie zależnie czy Google Adsence jest dodany czy nie (myślałem, że to jego wina) treść przeskakuje dokładnie pod pod div MENU :/
choć zauważyłem, że kiedy reklamy Google nie są dołączone do strony to rzecz ta dzieje się rzadziej. Ale nadal się zdarza.

neo_fox
23-10-2008, 17:14
A mnie się zdaje że to przez ten baner na górze.
Ze wszystkich screenów tutaj: http://browsershots.org/http://theamericanmuscle.com.pl/

Tylko te dwa prezentują taki problem:

http://browsershots.org/screenshots/d704af26969cb61829cabc55a2c37a94/
http://browsershots.org/screenshots/1cd4a8dea1841226e2237c1a14bd1dad/

Ale może się mylę :cool:

malkowitch
23-10-2008, 19:54
Ja byłem prawie pewien, że to ten baner więc go usunołem z ciekawości. I guzik. Na Firefox-ie dalej były jaja. Rzadziej ale były. Ja korzystam z Firefox 3 i tam nadal są jaja. Oczywiście tak jak pisałem wcześniej. Może być, że przez 100 odsłon nic się nie zwali ale możliwe też, że w 20 odsłonach 2 lub nawet 3 razy rozpadnie się :/
Przeglądałem dziś CSS przez dobrych kilka godzin. Porobiłem jakieś tam poprawki, mózg aż mi parować zaczął i guzik.

malkowitch
06-11-2008, 15:38
Wpadłem na genialny pomysł. Zapisałem stronę w FF na dysku gdy się rozleciała, odświeżyłem, żeby się poprawiła i znów zapisałem poprawioną wersję na dysk.
Wrzuciłem oba pliki html do total commandera w porównywarkę tekstu i nic. guzik. null :mad:

ppilus
06-11-2008, 15:54
ja też mam Firefox 3 i twoja strona wyświetla się poprawnie

malkowitch
06-11-2008, 16:06
ja też mam Firefox 3 i twoja strona wyświetla się poprawnie

przez 3-5 min poklikaj na opcje menu i zobaczysz, że za którymś razem treść poleci na dół. Gdyby to było za każdym razem to było by jakieś racjonalne wytłumaczenie.

moje
07-11-2008, 16:57
Ja znam rozwiązanie problemu :)

Mam FF z dodatkiem blokującym reklamy i dzięki temu strona mi się nie rozjeżdża :)

Rozwiązania są 2- więc masz wybór:
1. Rezygnujesz z reklamy nad content'em.
2. W pliku css Twojej strony wstawiasz odpowiedni kod dla reklamy, który zapobiega rozjeżdżaniu się strony.

Liczę, że kolega po rozwiązaniu problemu, odezwie się w sprawie buttonu :)

EDIT:

FF mam w wersji 2.0.0.13 z Adbloc Plus 0.7.5.5

malkowitch
07-11-2008, 17:04
Widzisz problem w tym, że ja próbowałem już zrezygnować z reklamy. Usunąłem ją z strony ale problem nadal miał miejsce. A co do kodu w css to problem jest taki że to reklama google. Takie rozwiązanie nie wchodzi raczej w gre. Pisałeś, że masz blokadę reklam. Ile podstron przejrzałeś, że Ci się nie rozjechała? Bo ona potrafi tak nawet przez 5 min nic nie zrobić. A później bum. I to mnie właśnie wnerwia. Nawet od nowa ją spozycjonowałem nici. :/

moje
07-11-2008, 17:14
Wszystkie podstrony kilkukrotnie :)
To nie problem, ze ta reklama jest od googla, możesz to zrobić na dwa sposoby:

1. Robisz podgląd kodu strony i sprawdzasz jaki kod został wygenerowany przez reklamy z googla, dla tego kodu z reklam dopisujesz odpowiedni kod w pliku css.

2. Możesz napisać odpowiedni kod dla pozycji w której sie znajduje moduł z reklamami- jak dobrze widzę jest to:

<div id="addons" >
...
</div>EDIT:

Mo błąd, reklama jest w

<div align="center">
...
</div>
Nad tabelką z treścią strony.

malkowitch
07-11-2008, 17:25
Już usuwałem reklamę i nic to nie dało. Ale specjalnie dla Ciebie zrobiłem to jeszcze raz. Tu masz screena.
http://img241.imageshack.us/img241/2472/clipboard01ye8.jpg

Mi się wydaje, że to wina mainmenu ale bez niego żyć się nie da.

moje
07-11-2008, 17:29
A możesz wkleić kod strony jak jest rozjechana?

malkowitch
07-11-2008, 18:01
Sprawdzałem już kod strony rozjechanej i nie rozjechanej w TC porównywarką i nic.


<!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-pl" lang="pl-pl" >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, pcj1x5y2z" />
<meta name="description" content="Joomla! - dynamiczny system portalowy i system zarządzania treścią" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>The American Muscle - Linki</title>
<link href="/~tam/templates/theamericanmuscle3.1/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<link rel="stylesheet" href="/~tam/templates/theamericanmuscle3.1/css/positioning.css" type="text/css" />
<link rel="stylesheet" href="/~tam/templates/theamericanmuscle3.1/css/html.css" type="text/css" />
<link rel="stylesheet" href="/~tam/templates/theamericanmuscle3.1/css/css.css" type="text/css" />
<link rel="stylesheet" href="/~tam/templates/theamericanmuscle3.1/css/joomla.css" type="text/css" />
<link rel="stylesheet" href="/~tam/templates/theamericanmuscle3.1/css/portal.css" type="text/css" />
<link rel="shortcut icon" href="/~tam/templates/theamericanmuscle3.1/favicon.ico" />
</head>
<body>
<div id="container">
<div id="main">
<div id="header">
<a href="http://theamericanmuscle.com.pl" title="The American Muscle - Portal Muscle Cars"><img src="/~tam/templates/theamericanmuscle3.1/images/header_1.jpg" alt="header1" /><img src="/~tam/templates/theamericanmuscle3.1/images/header_2.jpg" alt="header2" /><img src="/~tam/templates/theamericanmuscle3.1/images/header_3.jpg" alt="header3" /><img src="/~tam/templates/theamericanmuscle3.1/images/header_4.jpg" alt="header4" /></a><img src="/~tam/templates/theamericanmuscle3.1/images/header_5.jpg" alt="header5" /><img src="/~tam/templates/theamericanmuscle3.1/images/header_6.jpg" alt="header6" /><img src="/~tam/templates/theamericanmuscle3.1/images/header_7.jpg" alt="header7" /><img src="/~tam/templates/theamericanmuscle3.1/images/header_8.jpg" alt="header8" />
</div>
<div id="posleft">
<ul class="menu_left"><li class="item1"><a href="http://127.0.0.1/~tam/"><img src="/~tam/images/stories/m_home.gif" alt="home" /><span>Strona Główna</span></a></li><li class="item53"><a href="/~tam/index.php?option=com_content&amp;view=section&amp;layout=b log&amp;id=5&amp;Itemid=53"><img src="/~tam/images/stories/m_articles.gif" alt="artykuy" /><span>Artykuły</span></a></li><li class="parent item54"><a href="/~tam/index.php?option=com_content&amp;view=section&amp;id=6&amp;Ite mid=54"><img src="/~tam/images/stories/m_techdata.gif" alt="dane-techniczne" /><span>Dane techniczne</span></a></li><li class="item82"><a href="/~tam/index.php?option=com_content&amp;view=category&amp;layout= blog&amp;id=57&amp;Itemid=82"><img src="/~tam/images/stories/m_movies.gif" alt="filmy" /><span>Filmy</span></a></li><li class="parent item66"><a href="/~tam/index.php?option=com_content&amp;view=section&amp;id=8&amp;Ite mid=66"><img src="/~tam/images/stories/m_gallery.gif" alt="galeria" /><span>Galeria</span></a></li><li class="item79"><a href="/~tam/index.php?option=com_rd_sitemap&amp;view=sitemap&amp;id=2&amp; Itemid=79"><img src="/~tam/images/stories/m_map.gif" alt="mapa-serwisu" /><span>Mapa strony</span></a></li><li id="current" class="active item70"><a href="/~tam/index.php?option=com_weblinks&amp;view=categories&amp;Item id=70"><img src="/~tam/images/stories/m_links.gif" alt="linki" /><span>Linki</span></a></li><li class="item77"><a href="/~tam/index.php?option=com_search&amp;view=search&amp;Itemid=77"><img src="/~tam/images/stories/m_search.gif" alt="szukaj" /><span>Szukaj</span></a></li><li class="item71"><a href="/~tam/index.php?option=com_contact&amp;view=contact&amp;id=2&amp;Ite mid=71"><img src="/~tam/images/stories/m_contact.gif" alt="kontakt" /><span>Kontakt</span></a></li></ul>
<div id="msearch">
<form action="index.php" method="post">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" alt="Szukaj" class="inputbox" type="text" size="20" value=" Wyszukaj ..." onblur="if(this.value=='') this.value=' Wyszukaj ...';" onfocus="if(this.value==' Wyszukaj ...') this.value='';" /><br /><input type="submit" value="Szukaj" class="button" onclick="this.form.searchword.focus();"/> </div>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
</form>
</div>
<div id="msonda">
<form action="index.php" method="post" name="form2">

<table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll">
<thead>
<tr>
<td style="font-weight: bold;">
Co sądzisz o nowym wyglądzie strony? </td>
</tr>
</thead>
<tr>
<td align="center">
<table class="pollstableborder" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid25" value="25" alt="25" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid25">
Jest lepszy od poprzedniejgo </label>
</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input type="radio" name="voteid" id="voteid26" value="26" alt="26" />
</td>
<td class="sectiontableentry1" valign="top">
<label for="voteid26">
Na takim samym poziomie </label>
</td>
</tr>
<tr>
<td class="sectiontableentry2" valign="top">
<input type="radio" name="voteid" id="voteid27" value="27" alt="27" />
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid27">
Jest gorszy od poprzedniego </label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="center">
<input type="submit" name="task_button" class="button" value="Głosuj" />
&nbsp;
<input type="button" name="option" class="button" value="Wyniki" onclick="document.location.href='/~tam/index.php?option=com_poll&amp;id=16:co-sdzisz-o-nowym-wygldzie-strony'" />
</div>
</td>
</tr>
</table>

<input type="hidden" name="option" value="com_poll" />
<input type="hidden" name="task" value="vote" />
<input type="hidden" name="id" value="16" />
<input type="hidden" name="f2e7cd6a68c9bc4e21d0a5eb0f91785b" value="1" /></form>
</div>
<div id="addons">
<div align="center"><font color="#ff9900"><strong>BĘDĘ BARDZO WDZIĘCZNY JEŚLI KAŻDY ODWIEDZAJĄCY WEJDZIE NA STRONĘ PAJACYKA I KLIKNIE NA PRZYCISK</strong></font><br /></div><p align="center"><a href="http://www.pajacyk.pl/"><img src="http://www.pajacyk.pl/img/baner2.gif" border="0" alt="Akcja Pajacyk" width="139" height="68" /> </a></p>
</div>
</div>
<div id="posright">
<div class="componentheading">
The American Muscle - Linki </div>

<table width="100%" cellpadding="4" cellspacing="0" border="0" align="center" class="contentpane">
<tr>
<td valign="top" class="contentdescription">
Często przeglądamy witryny w Sieci. Kiedy znajdujemy jakąś, która zwróci naszą uwagę umieszczamy ją tutaj </td>
</tr>
</table>
<ul>
<li>
<a href="/~tam/index.php?option=com_weblinks&amp;view=category&amp;id=51% 3Apolskie&amp;Itemid=70" class="category">
Polskie</a>
&nbsp;
<span class="small">
(4)
</span>
</li>
<li>
<a href="/~tam/index.php?option=com_weblinks&amp;view=category&amp;id=52% 3Azagraniczne&amp;Itemid=70" class="category">
Zagraniczne</a>
&nbsp;
<span class="small">
(4)
</span>
</li>
<li>
<a href="/~tam/index.php?option=com_weblinks&amp;view=category&amp;id=54% 3Ainne&amp;Itemid=70" class="category">
Inne</a>
&nbsp;
<span class="small">
(2)
</span>
</li>
</ul>
<br />
</div>
</div>
<div id="footer">
<a href="http://validator.w3.org/check?uri=referer"><img src="/~tam/templates/theamericanmuscle/images/valid_xhtml.gif" alt="xhtml validator img" /></a>&nbsp;<a href="http://jigsaw.w3.org/css-validator/validator?uri=theamericanmuscle.com.pl%2Ftemplates %2Ftheamericanmuscle3.1%2Fcss%2Fcss.css&profile=css21&usermedium=all&warning=1&lang=pl-PL"><img src="/~tam/templates/theamericanmuscle/images/valid_css.gif" alt="xhtml validator img" /></a>
<br>Portal ver: 3.0
</div>
</div>
</body>
</html>

moje
07-11-2008, 19:28
Tak przeglądam Twoje css'y i nie widzę między innymi stylu dla tabelki .blog.
Sprawdziłbym kody w plikach css dla tabelek w .posright, to że nie ma jakiegoś formatowania, może się właśnie zemścić, tym, że są przyjmowane "jakieś" wartości domyślne.
Nie widzie też "wyzerowań" dla tabelek czy innych tagów- ja bez tego nie zaczynam pisania css'a.

ppilus
09-11-2008, 02:11
U mnie FF też działa z adblock plusem i penie dlatego się nie rozjeżdżało.

malkowitch
12-11-2008, 18:54
Znalazłem rozwiązanie prawdopodobnie. Ja jednym z forów znalazłem informację, że żeby na IE strona w której użyte są DIV z ustawionym "float" trzeba dodać "position: relative"; Dodałem do wszystkich i strona jak na razie nie rozjeżdża się wcale.