Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member
    Join Date
    Feb 2010
    Posts
    8
    Member #
    21289
    Hi I'm teaching myself how to create a website with CSS and I've hit a wall.
    I can't seem to get my floats to work properly in Firefox 5.0. It looks correct in Safari 4. I still need to test it in some other browsers as well. Here's the link to my site http://nutritiononrequest.com/test.html

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    Upload your site, but change the name of your main page from "index.html"
    to "test.html" and then give us the URL so we can see it.

    Anyone else visiting your site will see the "old index.html" ... whatever that is now.


  4. #3
    Junior Member
    Join Date
    Feb 2010
    Posts
    8
    Member #
    21289
    thanks, that is much easier! Here is the URL http://nutritiononrequest.com/test.html

    I was able to fix the background issues but there's still a problem with the floats in Firefox.

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Ok, your comments are screwing things up. You can only have 2 dashes for whatever reason. When I edited some of the comments like this:

    <!--comment-->

    and got rid of the extra dashes, the floats slid into place. They were actually showing up on the page and taking up extra space and that's what shoved your sidebar down.

  6. #5
    Junior Member
    Join Date
    Feb 2010
    Posts
    8
    Member #
    21289
    wow can't believe it was the comments messing everything up. it's always the small things thanks!

  7. #6
    Junior Member
    Join Date
    Feb 2010
    Posts
    8
    Member #
    21289
    okay, got the floats to actually float but... now for some reason my rightColumn float will not line up with the bottom of my header div. Arrrg. I'm at a loss for what's wrong...i've tried changing my margins a bunch of different ways and looked for anything that might bump that right div down but I can't find anything.

    http://nutritiononrequest.com/test.html

  8. #7
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I'm going to say it's the h1 tag inside. Set the margin top to 0. You may have to tie it in with the .mb class like this:

    Code:
    .mb h1 {margin-top: 0;}
    Although I think it would look a little better if you lowered the left column to where the right one is. It looks cramped the way it touches the green part.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:35 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com