www.webdeveloper.com
Results 1 to 4 of 4

Thread: [RESOLVED] adopting htmlgoodies 3column css layout - float right wont work?

  1. #1
    Join Date
    Jul 2007
    Posts
    2

    resolved [RESOLVED] adopting htmlgoodies 3column css layout - float right wont work?

    Hey peoples,

    I have adopted the htmlgoodies CSS 3-column template from the website and noticed that in the css code it has
    #content div {
    float:left; }
    This sets up the site nicely to have CSS layout. But when, in the main content section/column, I want to have an image float to the left of text(As I have tried to do in the page I have linked below) the image(or box in this case) just floats left. It seems as if the content div takes precedence over any float commands inside it. I am restarting my hobby in web-development and in CSS, and I would really appreciate any help regarding this issue. Also, if anyone feels like telling me if I am going about the design in an efficient manor regarding CSS use, or how I could do so, would be very greatly appreciated. Thank you for your time,

    Example of what's going wrong is:
    http://www.freewebs.com/that0nesite/yak/index.html
    the CSS sheet I'm using is:
    http://www.freewebs.com/that0nesite/yak/site.css

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    It looks like it's working right to me. What's the problem, the line wrap under the box?

  3. #3
    Join Date
    Jul 2007
    Posts
    2
    I want the orange box to float right not left as I see. Unless your browser views it differently? Mine shows it float left even though in the CSS I tell it to float right.

  4. #4
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    It's because your #content div {} is overriding your .floatright {}.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles