PDA

View Full Version : Why Does Menu Slide Under My Columns?



Doctor_Varney
Sep 19th, 2010, 09:42 PM
I need to know why the gothic arch in this page (http://www.tengunade.pwp.blueyonder.co.uk/experiments/hammerglamour2/) slides underneath everything else, when the window is made smaller in IE. It is supposed to stay on the right at all times.

I have validated my HTML (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tengunade.pwp.blueyonder.co.uk%2Fexperiments%2Fhammerglamour2%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.1) but do not understand the results or what to change to make it validate. Advice please?

Making my wrapper less that 100% seemed to work before and making sure my columns did not add up to a full 100% helped for IE viewing but it has started slipping under again and I'm not sure what to do about it. Please can you have a look at tell me how I could fix it?

Many thanks

Dr. V

teedoff
Sep 19th, 2010, 11:00 PM
Not sure Dr. When I viewed it in IE 8 it works fine, although the arch does eventually cover the Ltd, in your logo, but it doesnt move any further than that to the left.

Well it also covers some of the right most part of your text as well. Same for Firefox too.

_Aerospace_Eng_
Sep 19th, 2010, 11:10 PM
Its because your menu is position:absolute so it doesn't care about anything else on the page. You could set a min-width on your site or make your menu not position absolute. As for the validation. It does validate but you need to have a meta tag that has the content type in in.

Doctor_Varney
Sep 20th, 2010, 03:06 AM
Its because your menu is position:absolute so it doesn't care about anything else on the page. You could set a min-width on your site or make your menu not position absolute. As for the validation. It does validate but you need to have a meta tag that has the content type in in.

No, it's not because of that. Whether the menublock is absolute positioned or not, makes no difference. The fault still occurs.

The min-width doesn't work in IE6. There's actually one set, for 750px in the page you're now viewing.

The position absolute is the only way I can find to position the menu over the division between the two halves of the page and over the masthead. I have tried to do this with images and normal floated columns but when text is resized, the layout blows apart.

Do you know of any other way I can achieve this design and have the page both fluid and flexible without it breaking?

Dr. V

Doctor_Varney
Sep 20th, 2010, 03:46 AM
I managed to make it work here (http://www.tengunade.pwp.blueyonder.co.uk/experiments/rel_abs-positions/) before. However, I was told there was no need for the relative positioning and using it didn't make any sense anyway. There is absolute positioning on the right hand menublock and it does not slip underneath the columns. I'm finding it hard to compare what else I've done different so could you please have a look to shed new light on it please?

Thanks

Dr. V