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.
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.
If you have a look at the following link: http://78.109.168.22/tv - you will notice that in IE8 in the middle of the logo header there is a little black spotted area. I have no idea what it could be!
Has anyone got any ideas? I would love to hear them! It's driving me crazy.
Screenshot of what I'm talking about - http://i.imgur.com/AaZMHdr.png
Solution was a Drupal skip link ID. I just displayed this id to none in IE8 and it has now be resolved. Thank you all!
These line of code creating the problem
<div id="skip-link">
Skip to main content
</div>
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 just installed a plug-in on my webshop and the css got somehow weird..
If you look on: solved
The breadcrumb is not full width just like at: solved
What am i missing in my code or css?
Thanks
<div id='content'> has its padding-left and padding-right set to 40px.
You should move <div class="breadcrumb"> out of content, so that it is a child of <div id="container">.
But first, you should install firebug and learn to solve these problems yourself. It is very simple.
You've put the div with class breadcrumbs inside the div with class content. It should go outside.
You should have compared both generated htmls and see the differences (in relevant places). That's a good step in finding it out yourself.
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 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.