2012-06-08 15 views
5

Mam problem z Google Chrome: 19.0.1084.52 m, gdy mam Ask Toolbar zainstalowany to łamie układ strony.Pasek narzędzi Google Chrome łamiący układ strony

See print screen: enter image description here

Czy to zwykłe zachowanie, które paski narzędzi w Chrome będzie wpływać na stronie?

EDYCJA: Chyba powinienem zawinąć wszystko wewnątrz <div> i przenieść obraz tła z <body>, chociaż czy jest lepsza opcja bez dodawania tego dodatkowego znacznika?

Website link

+0

nie będę, że to ze względu na pasku narzędzi problemu prosimy wspólną swoją pracę jsfiddle link lub jakiegokolwiek innego związku żywo internetowej .. możemy lepiej zrozumieć. –

+0

Paski narzędzi Google Chrome działają w taki sposób, że zawierają dynamiczną zawartość na stronie z absolutnym pozycjonowaniem. Czy możesz podać link do wspomnianej strony? –

+0

Natknąłem się również na to! Zrobiło to jednak znacznie większy bałagan w moim układzie. – Patricia

Odpowiedz

7

Fragment kodu Javascript może wyłączyć pasek narzędzi pytania w chrome. Mam nadzieję, że ta funkcja szybko się rozprzestrzeni !!

function removeAsk(){ 
    if(document.getElementById("apn-null-toolbar") != null){ 
     // mainMenu had a style change for its top positioning, returning it to normal 
     // perhaps a function can be made which iterates over every element ask has changed 
     document.getElementById("mainMenu").style.top = "-16px"; 
     // Just remove the iframe and style elements 
     (elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem); 
     (elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem); 
    } 
} 

wywołać tę metodę po onload ciała

<body onload="removeAsk()"> 
1

Nie ma rozszerzenia Chrome API do tworzenia paska więc wspomniane rozszerzenie musi on tworzony przez skrypt treści. Oznacza to, że dla każdej otwieranej strony pliki CSS i JavaScript są wstrzykiwane przez to rozszerzenie, aby utworzyć element DOM na stronie działający jako pasek narzędzi. Problem z tym rozwiązaniem polega na tym, że za pomocą skryptu treści można zepsuć wygląd strony, a nawet sposób jej działania.

+0

Co za żart, więc nigdy nie będziemy mogli dodać obrazu tła do górnej części ciała bez owijania wszystkiego w bezsensownym dodatkowym dziobie –

+0

nie jestem pewien, dlaczego zależy ci na ludziach, którzy mają zainstalowane to rozszerzenie? Prawdopodobnie istnieje wiele źle zakodowanych rozszerzeń Chrome, które łamią układy na niektórych stronach. Nie ma możliwości utworzenia witryny chronionej przed tymi rozszerzeniami. I nie ma sensu próbować chronić swojej witryny przed tym. To nie jest twój problem, jest to problem po stronie użytkownika. –

+0

Rozszerzenia są automatycznie instalowane z niektórymi aktualizacjami Adobe w systemie Windows XP, gdy użytkownik nie wyłącza pola wyboru i jest trudny do odinstalowania dla niektórych osób. – Paco

1

Wpadłem na ten sam problem z paskiem narzędzi Ask. Zasadniczo wyjąłem moje atrybuty pozycjonowania i górną/lewą/prawą/dolną i zastąpiłem marginesami. Margines zużywa mniej miejsca i wychodzi czystsze.

Chociaż zgadzam się, to trochę śmiesznie dopasować się do paska narzędzi, ponieważ użytkownik końcowy może mieć wszystko, co się zepsuje i da błędy w układzie. Nawet rozszerzenia Skype łamią układ, zmieniając tylko numer telefonu.

Więc niewiele można zrobić, ale używaj marginesów i utrzymuj CSS na minimalnym poziomie. Tylko moje 2 centy. i jeśli musisz użyć CSS, to trzymaj się marginesów.

Powiązane problemy