Margin on right of page wasn’t solved.

[justint24]

Hi

i thought i solved this problem but didnt unfortunately, the problems lies in this menu css code i think

ul.dropdown,

ul.dropdown li,

ul.dropdown ul {

list-style: none;

margin: 0;

padding: 0;

}



ul#nav {

float: right;

position: relative;

z-index: 597;

}



ul.dropdown li {

float: left;

line-height: 1.3em;

vertical-align: middle;

zoom: 1;

}



ul.dropdown li.hover,

ul.dropdown li:hover {

position: relative;

z-index: 598;

cursor: default;

}



ul.dropdown ul {                  <

visibility: hidden;

position: absolute;

top: 100%;

left: 0;

z-index: 599;

width: 100%;

}



ul.dropdown ul li {

float: none;

}



ul.dropdown ul ul {

top: 1px;

left: 100%;

}



ul.dropdown li:hover > ul {

visibility: visible;

}

previously i replaced ul.dropdown (the one with the arrow next to it) with ul#nav, it did remove the white area but the dropdown itself disappeared, so back to square one,

Sorry guys hope you can help

Thanks

[Akuseru]

Hi there,

Are you doing this with a menu generator?

Do you have a web page for example?

All I can see it’s that the container (dropdown or nav) are 100% width and the items (li) are less than that.

Also I need to know if you want this menu centered or aling to right or left.

I hope to help you…

[sliver37]

Hi Justint24,

As Akuseru said, it would be much easier to troubleshoot your problem with a live example.

Obviously this isn’t always possible, would you be able to provide any screenshots of the issue?

[justint24]

Of course yes sorry

My website being http://www.webbid.co.uk

[TheDoc]

Closed.

Use this thread: https://css-tricks.com/forums/discussion/10728/white-area-on-right-side-of-webpage

[Author]

Posts