Clearing Spry float without erasing all the float

I try to get a page with a menu that is appropriate (point), but can not solve a problem on the home page. On all other pages, I simply put

Clear: both;

under the div for the first div, but on my homepage, I have three div floated so that they appear on the same line. I can't understand how, if at all possible, to clear the float in the bar of menus spry (in the latest version), ONLY with respect to the first (or three) div. I tried to add a margin as well below the div spry and above the content div, but have nothing visible. I have not tested with files original spry, only the css and html I created for the page. It will come down in the screens below a certain resolution (as the div has a minimum width), so my problem is pretty much only in computer browsers. Here is a screenshot of the problem, if that helps. I know he's not focused, it's because I have it cropped on the sides in order to reduce the size of the image.

problem.jpg

This is the only css I have for the menu bar:

{#menu}

Width: 100%;

padding-bottom: 1em;

}

and the div three together:

# sidebar1″, #maintxt, #sidebar2 {}

float: left;

border-color: #303;

border-style: solid;

border-width: .15em;

}

Thank you!

I did it just fixed - I changed the width of the div container which held the bar of menus spry to the same width as my page

{#menu}

Width: 8.5 in;

Max-width: 100%;

}

something that I was to play with the appearance of the menu bar and he fell down the other div. May not be the most effective and there may be a nicer way to do, but it works! Thought I would also post the exact answer, I used to anyone who stubles on this, I couldn't find an answer anywhere else. Thank you very much!

Tags: Dreamweaver

Similar Questions

Maybe you are looking for