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.
For some reason the website I built will display correctly in Chrome, Firefox and IE10 but in IE9 it displays incorrectly. It won't display the background and it is all off alignment. Does anyone have any ideas?
Website: http://www.thefishonthedome.com
Have you tried removing the HTML comment before the open tag at the top and replacing it with a <!doctype html> declaration? Your page is running in Quirks mode.
If you are using CSS to define the width, try to define it in HTML itself.
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 9 years ago.
I'm having trouble debugging a cross browser compatibility issue. Specifically the issue is in Firefox where the slider isn't showing up in the proper place, it looks ok in Chrome and Safari.
Any guidance would be appreciated.
Thanks
The url ishttp://74.52.120.208/~doucce/
Check your global.css line 405 and remove following line
#home-slider .entry-content {
margin: 0;
}
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 a Megamenu on my website and it works in all browsers apart from Google Chrome. It just doesn't appear.
Please take a look at the header on the homepage on Firefox and then take a look at it in Google Chrome.
The website
You'll see in Chrome, the Menu isn't there but in Firefox it is.
Can you see why this is happening?
Cheers
Change your position:fixed to position:relative on <div id="megamenu"></div> and it shows up.
Looks like your CSS for elements around it is throwing it all off though, so this little fix might not get everything looking the same in both browsers.
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'm not entirely sure what I'm doing wrong, and I can't figure out how to Google it because a common mistake is very prevalent. I have the parent's height explicitly set, but I can't get #main-sub-content 's height to 100%.
Here's the page:
http://coloryourspot.vadremix.com/
And the corresponding CSS:
http://coloryourspot.vadremix.com/styles/primary/main.css
Can anyone spot the issue?
Solved: The problem was the parent element had height:auto!important;
Remove this attribute:
div#main-content{height:auto!important}
and things works fine in Chrome.
But since your #main-sub-content is min-height:100%, your #footer-clear will be put out of screen. You may have to work that out later.
Your error is being caused by footer-clear
Chrome Developer tools or Firebug in FF will always help you find these issues.
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.
Please checkout my website in Internet Explorer:
http://www.ziftit.com/index2.html
I can't figure out why the gift box image is getting cut off in the top of the image.
Update: I added the doctype to the top of the page and then got rid of all the comments and now it displays perfectly!
As a first step, add a correct Doctype to your document.
Then validate that the HTML and CSS are valid.
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.
Please take a look at this page via IE 8 or 9: http://sneakyrascal.com/starpons/about.html
As seen there are two footers but in fact I only added one footer. I figured it's connected with <a> tag. when I remove it, it will work fine.
Thanks in advance for any help
You open a new a instead of closing it:
<a href="images/Ruby_BIS_0011.jpg" class="iframe" ><img src="images/Ruby_BIS_0011-300x234.jpg" /><a>
You should have found this when using a the validator.