This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 11 years ago.
I am writing an HTML5 page but there is a weird bug in Chrome 16.0.912.77 and FireFox 7.01 where the first element to get a px based width (in this case ".container") gets a much smaller pixel width (500px) than what I originally specified. (1000px)
See snapshot of the error here:
http://i42.tinypic.com/bj8kd5.png
The interesting thing is that when I run the exact same markup in JSFiddle, it works as expected. HTML sample here: http://jsfiddle.net/TWDKa/
Any ideas?
Hit Cmd+0 in Chrome to zoom out. :)
The problem was, the browser was zoomed out. DOH!
Related
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
So im designing a webpage but the table color inside does not show up in Chrome when it shows up in Firefox.
I really have no idea how this is! Here is what im talking about:
(Click here for larger image)
Here is my css source:
http://pastebin.com/raw.php?i=hnNkwkGX
Can someone resolve this or explain to be the problem?
Thanks!
Firefox does not operate via the -webkit renderings and such. You'll have to add a -moz-linear-gradient for your gradients as well as your already-existing -webkit-linear-gradient.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 9 years ago.
I'm working on a WordPress website, and I've run into an issue. The sticky footer I've implemented works great in every browser but Safari. I think it is some sort of padding issue because adding extra padding to the footer corrects the problem in Safari, but this causes the footer to be taller in other browsers which looks odd.
I've been struggling with getting the sticky footer right, and I thought I'd figured it out but obviously I haven't. I'm sure this is a simple fix, but I cannot sort it out.
Any help would be greatly appreciated. This is the website: gandyprinters.com/wordpress.
Thanks,
Rebecca
---EDIT---
Somehow I've managed to correct this issue. I don't know exactly at what point it corrected itself, but it has.
Thanks to everyone who gave input!! I really appreciate the time you took to respond and offer help.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I've got the alignment issue that shows in IE, this is the page:
http://calibredesign.com/clients/spec/index.html?view=http://calibredesign.com/clients/spec/envi_news.html
there's a big gap between the picture and the copy at the first paragraph, Does anybody know how to write css code to minimize the gap?
Thanks for your help!!
The content of your TD elements seems to be floating left when it doesn't need to be. I think that's probably causing the IE issue.
You really shouldn't be using TABLE elments to layout your page unless it's actual tabular data.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I have done something less brilliant but no matter how much i check in Firebug, i can't see any style that causes the buttons to get this weird margin on the left side. In fact, they don't even flash (on mouse over) except at the leftmost edge.
The question is twofold. What did the evil computer did?
And, more importantly, how does one trace the source of this weird layout?
The demo page can be found here.
input[type="button"], input[type="submit"] has a left margin of 120px.
This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.
Closed 10 years ago.
I have checked in multiple versions of Firefox and still get a issue with the contact form on this page floating. Here is my problem page
It works and looks just fine in IE, Safari and Chrome. This issue is with firefox and I have spent an few hours trying to fix it.
Any help would be appreciated.
Thank you.
add float:left for <table width="487" border="1">
It seems adding float:left to the table will do the fix.
For debugging Firefox issue, I recommend using FireBug if you're not already.
Have fun!