adding float:left messes up footer

  • Resolved jeston

    (@jeston)


    13 years ago

    http://www.soddotest.org/?page_id=74

    I’m working on this page currently. I want to move the 3 boxes side-by-side so I tried adding float:left to the css and well, it works but for some reason unbeknownst to me the footer hugely enlarges and takes up all the page, covering the boxes.

    is there either a way to stop the footer doing that or a better way to align the boxes side-by-side?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    I can’t see your boxes aligned aside one another, nor the footer issue. Does it occur on a particular browser and browser version?

    Thread Starter jeston

    (@jeston)

    13 years ago

    sorry, i took out float:left because it was messing up.

    if you add float:left via firebug or whatever, you can see the problem!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years ago

    I suspect that’s because you haven’t cleared your footer?

    When you use float, other subsequent elements tend to be effected and start floating too.

    You need to clear those elements
    http://www.w3schools.com/cssref/pr_class_clear.asp

    Thread Starter jeston

    (@jeston)

    13 years ago

    Yes! knew it would be something simple

    thanks very much.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘adding float:left messes up footer’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: jeston
  • Last activity: 13 years ago
  • Status: resolved