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
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 10 years ago.
Good day to all.
I would like to ask assistant on the issue I am having with my site which I could not get fixed. http://inview.wpengine.com/home (don't mind its homepage - its just a temporary html landing page) It's a 2-column template (Left: Content ; Right: Sidebar) which I customized from the TwentyEleven WP theme. As you can see, there is a white space between the content on the left column which supposed to be have same bg as the ones with contents. Both sides have same Issues everytime one of the column has lesser content compared to the other side.
I know this question has been answered a few times on other posts but I can't seem to get it work and I am hoping somebody can help me fix it. Thank you so much.
try adding this to your two columns
style="position: relative;overflow: hidden;"
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 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!