Geek asks and answers

Google Chrome toolbar parsing site layout

I have a problem with Google Chrome: 19.0.1084.52 m, if I set the query toolbar it breaks the site layout.

See print screen: enter image description here

Is it common behavior that toolbars in Chrome will affect a website?

EDIT: I suppose I should wrap everything inside <div>and move the background image out <body>, although is there a better option without adding extra markup?

Link

+5
source share
3 answers

Javascript snippet may disable request toolbar in chrome. I hope this feature spreads fast!

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);
    }
}


<body onload="removeAsk()">
+7

API- Chrome , script. , , , CSS JavaScript DOM , . , script - .

+1

Ask. top/left/right/bottom . , .

Despite the fact that I agree, it’s ridiculous to fit for the toolbar because the end user may have something installed that breaks and gives your layout errors. Even Skype extensions break the layout by simply changing the phone number.

That way you can't do much, but use margins and minimize CSS. Only my 2 cents. and if you need to use CSS, then stick with the fields.

+1
source

More articles:


All Articles