Skip navigation
Currently Being Moderated

Clearing Spry float without clearing all float

Feb 21, 2013 11:53 AM

Tags: #dreamweaver #css #layout #spry_menu_issues

I'm trying to get a page with a proper menu (cue the spry), but cannot fix a problem on the home page. On all other pages, I simply put in

clear: both;

under the div tag for the first div, but on my home page I have three div's floated so that they appear on the same line. I can't figure out how, if it's possible at all, to clear the float from the spry menu bar (in the newest version) ONLY regarding the first (or first three) div. I tried adding a margin both below the spry div and above the content div, but that didn't do anything visible. I have not messed with the original spry files, only the css and html that I created for the page. It will drop down in screens below a certain resolution (as the div has a minimum width), so my problem is pretty much only in computer browers. Here's a screen shot of the problem, if that helps. I know it doesn't look centered, that's because I cropped it on the sides to reduce the image size. 


Here's the only css I have for the menu bar:

#menu {

          width: 100%;

          padding-bottom: 1em;



and the three div's together:

#sidebar1, #maintxt, #sidebar2 {

          float: left;

          border-color: #303;

          border-style: solid;

          border-width:  .15em;


Thank you!

  • Currently Being Moderated
    Feb 21, 2013 1:50 PM   in reply to roselaw2702

    We need to see all your code.   Got a link we could look at?


    Nancy O.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points