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'm having trouble with the header of this website: http://jenn.anniezs.com/enzo_demo/
It works fine in Firefox, but it's a disaster in Chrome and Safari. Unfortunately, I do not know these browsers very well, I'm still learning them.
I think it might have something to do with the positioning or float, but I can't pin-point it.
Any idea?
Thank you in advance.
float: center does not exist. Take this out and all you have are some spacing issues causing your last menu item to drop below the rest.
#primary-menu ul li.button {
...
float: center;/*No, use float:left or take this out entirely*/
...
}
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 have a quite strange CSS problem.
When I link to my page, the headline (Ohne Geschäftsidee...) looks OK: blah.html
But when I append a link to an ID, the top of the headline is cut off: blah.html#comment-2
However, this doesn't happen when I hashlink to the headline itself: blah.html#post-199
Any ideas how I can stop that madness?
Weird indeed. It seems in the problematic case, the #main element overflows its height and since it has an overflow:hidden; CSS declaration, the h1 element is truncated.
Removing the overflow:hidden; declaration from the #main element seems to solve the truncation.
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.
When I use "overflow:auto;" it's creating a horizontal scroll bar!
look at http://slico.ca/design.php
Please help, this is killing me. I am trying to make a footer that will lower or rise as the content/subcategory divs are filled or emptied.
My question is what am I doing wrong? If I am not using proper things, please specify.
Make use of box-sizing CSS property and you don't need all those styles there.
I did not correct your CSS but here is a fixed version
box-sizing:border-box;
this will help treat border as part of width
http://jsfiddle.net/uBE5Y/
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 get a big whitespace on top of my page only in firefox. The weird thing is that other pages of the website behave as expected. I inspected all elements and compared the code but couldn't find anything wrong with it.
the webpage is http://www.veema.co.uk
I have found another topic which is somewhat similar:
White space on top of page (Firefox Specific)
but didn't manage to get any answer for my problem.
please add this css property , Its is easy solution Or Please use clearfix http://www.webtoolkit.info/css-clearfix.html
.container {
overflow: auto;
}
Space is because of margin-top: 60px; on stylesheet css/style.css in line number 29.
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'm working on a WordPress website, and I've run into an issue. The sticky footer I've implemented works great in every browser but Safari. I think it is some sort of padding issue because adding extra padding to the footer corrects the problem in Safari, but this causes the footer to be taller in other browsers which looks odd.
I've been struggling with getting the sticky footer right, and I thought I'd figured it out but obviously I haven't. I'm sure this is a simple fix, but I cannot sort it out.
Any help would be greatly appreciated. This is the website: gandyprinters.com/wordpress.
Thanks,
Rebecca
---EDIT---
Somehow I've managed to correct this issue. I don't know exactly at what point it corrected itself, but it has.
Thanks to everyone who gave input!! I really appreciate the time you took to respond and offer help.
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've got the alignment issue that shows in IE, this is the page:
http://calibredesign.com/clients/spec/index.html?view=http://calibredesign.com/clients/spec/envi_news.html
there's a big gap between the picture and the copy at the first paragraph, Does anybody know how to write css code to minimize the gap?
Thanks for your help!!
The content of your TD elements seems to be floating left when it doesn't need to be. I think that's probably causing the IE issue.
You really shouldn't be using TABLE elments to layout your page unless it's actual tabular data.