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 created a site for my company, but it does not support all browsers.
Opera is supported correctly, but others are not supported.
In Chrome the header table does not display correctly.
In Mozilla the picture marque show few pictures only.
Click here.... to view my site....
I am not exactly sure where you got your source code from, but it's a terrible mess:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mcubicsolutions.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Fix it, and you should have less trouble with different browsers. Or consider using a CMS like Joomla, WordPress, etc. if you are not so fit in HTML.
First of all, if you want cross-browser compatibility, you reset your CSS scheme using a reset sheet, for instance CSS Tools: Reset CSS.
If you stick to div and CSS layout, you'll probably be fine in all the newer browsers (Even Internet Explorer 8!). You can also use conditional statements in your CSS code to detect Internet Explorer (explained here in Conditional comments.)
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've a problem with my responsive design in IE (mobile resolution).
I've just been busy with a correct view in Android and iOS phones. But now I've recognized that the mobile view for IE (10) on windows mobile (8) bugs.
The problem is that on the right side of the website there's a blank space.
I suspect it's not a problem with the viewport. Most responsive websites are working just well on windows mobile. I've tried some different viewports, also from working websites, but that doesn't fix the problem.
Probably there's another bug in the HTML or CSS that make the browser think there's more content. Maybe an overflow or something? I tried to set the overflow-x: hidden and overflow-y: scroll, that works for IE on my computer (in mobile size), but not on the windows phone
I hope somebody could help me with finding out this problem.
Couldn't recreate your issue. Is this issue still relevant?
Usually (in my experience) such white side stripes were caused by some not properly wrapped block elements and floats that span/shift the viewport. For more specific answer would be cool to see the actual issue.
P.S.
Not the best answer, though since I've jumped on bootstrap bandwagon I forgot about such headaches :)
Best luck
A.
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 9 years ago.
It appears that IE (v9 in this instance) simply does not see or chooses to not interpret sections of the HTML code in a web page. I have two examples which I will refer to here -
1) In this page, http://www.tigerswrestling.net/lshs/seasons/current_season/index.php?program=lshs, IE9 fails to process the entire page, save for the ".article" div. FF and Chrome successfully parse the entire page correctly.
2) In this page, http://www.tigerswrestling.net/index.php, IE9 does not parse the "page-wrap" div - until AFTER the user has clicked on the page somewhere. Again, FF and Chrome do not have trouble interpreting or displaying this page.
This has really got me stumped. I'll appreciate any input from the experts here. Thanks in advance.
The validation report for the first page contains rather serious-looking syntax errors, like attempts to nest comments. Such errors may well confuse some browsers, and there’s really no specification on what is the right thing to do with syntactically malformed documents.
So validating the markup should at least be the first step in trying to fix the problem.
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 cannot seem to get the border around the title and elephant elements to go away in IE. Seems to work fine in chrome and Firefox. Does anyone understand why? Reasoning and answer would be much more helpful instead of just an answer. I also cannot get the borders of the elements to work in IE, however that is not as important to me right now. Thanks in advance.
Link to website
IE follows the web browser tradition of drawing a colored border around an image that is a link (technically, an img element inside an a element that has the href attribute). This was meant to make the user notice that the image is a link.
To remove the border, use the attribute border=0 in the img tag or use a corresponding CSS rule, like img { border: none }.
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 new HTML5 site going live soon. One page has a carouse of 5 video tag (each with preload="none") which works great in chrome.
Just tested with firefox/firebug and the page takes ages to finish loading as it it downloading the whole 50meg videos behind the scenes. Why is it ignoring the preload attribute?
A.
The preload attribute is only a suggestion to the browser as to what you want it to do. That said, Firefox doesn't ignore it, so your problem is strange.
Do you have a sample online for us to look at? Or can you even post the code?