The website url is: http://www.haorenao.cn.
You can see the navigation bar with green works well in Chrome, but in IE it is wrapped by the browser.
Can anyone help me take a look? It really confuses me for a while, thanks.
apply clear:both; style for the navigation bar with green div as inline style. Otherwise make overflow:hidden; for the div #topContentWrapper
Related
I have a problem with my site, particularly when I open it from my smartphone.
The problem is that the scroll bar does not make me go up and cuts a part of my container, as you can see, the word REGISTER is very attached to the browser bar. Here's the picture: screen
On the computer this problem is not there, as you can see, there is a padding between the title and the container: screen
Please help me if anyone has the idea of how to fix it.
add this in your template style or after your style
<style>
*{
overflow-y :scroll;
}
</style>
i hope it was useful
I'm having what I believe to be a simple problem but I'm not sure how to fix it.
Basically, while hovering over links on the menu, the drop-down menus "go behind" the other elements on my page. I've tried implementing float css but it doesn't seem to work.
If you visit my site just for a second and hover on the navigation menu you'll see what I mean.
How do you fix something like this?
Will appreciate any help.
Thanks.
In your css, set your z-index to a really big number like 9005, so it's above everything else on the page.
Like: z-index: 9005;
add z-index:9999; to the #page-bar css
it solves the problem (tested in chrome)
http://www.Kbay.in ...its wat im workin on. The blue colored nav strip appears on behind the nav panel whereas i want it to be below the nav as if the nav buttons are sittin on it. I gave it:
margin-top:30px;
That works fine but only in Firefox, other browsers still show the strip behind the nav,
until i give:
margin-top:50px;
then firefox gets screwed up and shows it way below the nav. Anyone know how to fix this?
Actually the error is with IE wich is messing with margin-fusions.
CSS Margins Overlap Problem
i recommand the use of this to help you deal with this issue if it's your first time
it wil reset your margins and padding to 0 and then you can rebuild them 1 at the time while testing if it's working.
*{margin:0;padding:0;}
I have navigation bar in my website that makes the links work properly everywhere. But when on Safari, for some reason the links are not clickable unless you highlight the empty space above the option. I diagnosed it further to find that I was adding a negative margin-top for the searchbox to align it properly with the options, when I removed that margin-top, the links were clickable. Any ideas?
You could use a z-index and position:absolute to make sure your navigation Div is on top. thats more than likely what the problem is.
Try that... add
z-index:100px;
position:absolute;
to your navigation in css.
The navigation bar on my site http://hungryathome.net doesn't center properly on Firefox and IE8 Standards mode. It centers properly in IE7 Compatability mode and in Chrome.
What's odd is that setting a Margin on the div (id="navlinks") to 4px or more will make it center properly. Any less will result in it being slightly off-center. I changed the values back and forth in Firebug and it's confusing the heck out of me. Any explanation for why that's happening?
Aha, looking at Firebug using their awesome controls which put the blue color over the elements, your header image is actually hanging down about 3 or 4 pixels over your nav bar, which is causing it to move the nav over and actually make it smaller, so it is centering it "properly". Try making your header a few pixels taller until it snaps into position correctly.
example http://img809.imageshack.us/img809/9784/example.jpg
EDIT: Or apply a border: 0 style to that image so it doesn't add the border around it, might be a better solution...