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'.
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.
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 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 10 years ago.
Please take a look at the footer on this site.
When you scroll out or in, the footer stays at the bottom.
However, when the page loads in Chrome, I need to scroll down to see the footer regardless of how zoomed out I am. I want the footer to be visible at load instead of having to scroll down.
Basically, I need the footer to be just like it is in Firefox and IE.
Anyone know what is causing this behaviour?
Its working fine in chrome (version: 17.0.963.56) of my system. Check your version or clear the history and reload again.
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.
So I am working on a layout for a new website that I am building. Everything looks fine in chrome but for some reason in firefox my divs are pushed down about 600px and overlap other table rows as if they are not bound by their parent. For an example, check out thebrewtracker.com
Thanks!
Remove this from brew.css (line3)
vertical-align: baseline;
On a side note using tables for layout is a BIG No No in modern web development!