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.
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 developing a webpage in django and now i came to test it in all devices. page is running well in all major pc webbrowsers.
this is my page: http://locateyourdate.de/
but if you open the page in tablet pc, the whole page's align goes to left, and not like how it looks in normal pc webbrowser which is centered
how can i fix it? i tried with position absolute but i destroyed the page, I am really stuck how to make it work
Disregarding the errors Quentin mentioned, if your tablet has a max-width resolution of 1024px like most tablets, it's understandable why the site appears aligned to the left. The main container is simply larger than 1024px.
If you want your site to look good on tablets and smaller devices, it needs to be responsive.
Google for 'responsive web design'.
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.
On my website, kylesethgray.com, I have made a somewhat 'responsive design'. Everything seems fine except two things:
If i have a list, be it <ul> or <ol>, the bullets get cut off when the browser window is shortened horizontally
For some reason, when doing the same thing to imitate a mobile browser, a horizontal scrollbar appears, and scrolls to the right, even though there isn't anything there.
Is there anything I can do to fix this?
I think the YouTube embed is breaking your layout, try this CSS:
.video iframe { width: 100% }
Also you should consider to use a framework for responsive design like Foundation or Columnal
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 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 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.)