=( I can't close this gap!

I have a problem with my floating DIVs... I want to make an "L" layout.. .but it doesn't anchor properly when I resize my screen. My L-shape joins at the top-left hand side of the screen... but, when I maximise my browser window (on Opera and IE) the L "separates" because the "top" of the L is anchored to the right hand side of the screen (width = 100%) (see screenshot 1).

Any ideas on how to anchor the top bar so that it doesn't separate?

the hole - when browser window is maximised

where I want to anchor it


I'll release code (css and HTML) on request if it's needed

Although the pictures are helpful, it's almost always a good idea to show us your basic coded layout ( striped of extra formatting, like fonts, and colors). So here's a request - show us some code!

The HTML and CSS would be very useful. Is the blue bar to the left floated as well? What other attributes are you using for your div's. Are you clearing them properly? Are there any hidden margins? All of these questions could be answered easily by posting the code.

If you're concerned about security, relax. I appreciate that you've worked hard on your website, adn you don't want people to just outright copy/paste your hard work into their own site and call it their own. But even if you encrypt your code, your layout is nothing that another HTML/CSS developer couldn't mimic and not encrypt, or that they couldn't ask for here and get a response.

Mmm reason I didn't put up the code at first was that most of the stuff in it is quite general... I thought perhaps someone would have an idea on how to fix the problem out of the "general" scope.

Anyway, my layout is pretty simple - there's no security risk involved.

I've put the page up on my webspace...
CSS problem page

The top menu bar goes "underneath" the sidebar.

I want it instead to anchor to the sidebar, like the row of pictures.

To see the problem

• look at the top left-hand corner of the screen
• resize the screen horizonally

It's 280 lines of code. Sorry if the formatting stinks; it's been stripped from IE6. I moved the external stylesheet inbetween the <STYLE> tags.

Problem with fixing CSS is that you need both the CSS and the HTML to see what's wrong... very hard to isolate the problem for an inexperienced person like me.

Thanks for listening