i am working on this website http://steam-to-rent.ch/mietdampfanlagen2.html
If you click on the collapse button you can see a button called "Drucken" (see attachment) that i'm using for print a specific div. As you can see from the screenshot the in Chrome e Safari is ok but not in Firefox. Looks like the bottom margin is not displayed. How can i solve?
Use clear both properties for table and then it will be fixed in all browser.
clear:both;
Related
So This is my problem https://imgur.com/a/I8NR9VU You can see what it should look like and what it actually looks like. It lloks fine on mobile safari? I even develop on chrome, so why doesn't it look like it should. It's not centered it doesn't have padding? Even though its written in the css? Also to view the dialog box you need to submit the forem in the footer. here's my code
https://github.com/spabsa/Chapman-Automotive-Skills-Assessment
I have created a webextension with a popup window:
I want the user to be able to copy/paste the contents of this popup. This works fine in Chrome, but in Firefox the text cannot be selected. If you drag with your mouse over the text nothing happens.
I tried inspecting and changing the CSS (maybe there's a default user-select?), but without success.
How can I enable text selection in my extension's popup window?
TLDR: add -moz-user-select: text to the body element of the popup.
There is indeed a default user-select.
You can inspect the CSS of the popup using the following steps:
Navigate to about:debugging and enable add-on debugging.
Click the Debug link next to your addon.
Click the ellipses in the top right corner and select "Disable popup auto-hide".
Open your popup.
In the developer tools, select another frame by clicking the frame button in the top right corner.
Open the inspector. As you can see there is a -moz-user-select CSS rule:
So the fix is to add a CSS rule in your popup CSS like this:
body { -moz-user-select: text; }
Setting this to auto doesn't work. Other possible values are documented here.
I have encountered an issue in select element(Combox box) in the chrome browser, whereas it looks okay in firefox. you can see attached image here.
when i hover in select option the text won't come vertically middle.I haven't posted any code part here because i could not re-generate it on fiddle.
Please go through this link below on chrome browser and See field Type of Enquery http://organic.draftserver.com/index.php/contacts
On this page: prolitho.com/wp/about
If you click on the first employee picture (Mary) the image and .profile-cover will move out of the way and you will see among other things a linkedin icon.
In Firefox that icon reacts to hover and is clickable. In Safari and Chrome it is inactive. I can't figure out why. Any ideas?
It has to do with the z-index that is being set to -1 for profile-extra so it's not receiving events.
One way to deal with the problem would be to set the z-index of .profile-extra to something higher than 1 while displaying the extra info
It looks like your pulling the logo in as a fontawesome icon.
.fa-linkedin-square:before {
content: "";
}
Chrome seems to be having issues understanding this character.
I'm really hoping I can find a CSS expert to help with this odd problem.
In Chrome/Firefox and Opera this works fine.
However in IE9 and maybe earlier versions I have a problem.
To see the problem follow these simple steps.
1) Goto www.spoilertv.com and hover over the HOME button/link
2) Hover over the "Twiter Connect" button
3) The menu disappears.
The Twitter Connect button is a Twitter Anywhere button which basically creates an iframe.
Hovering over the twitter button causes the menu and hence the button to vanish. It's as if the mouse has moved away from the dropdown.
This all works with Firefox and Chrome and Opera.
I'm at a complete loss here :)
Looks like this is "designed" IE behaviour
IE7/8: div loses :hover if mouse moves over an iframe which is inside the div!
I've had to replace the Twitter #Anywhere button with a custom button and signin function which removes the need for an iframe
https://dev.twitter.com/docs/anywhere/welcome#login-signup