SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    Quake 1 Addict CreedFeed's Avatar
    Join Date
    Feb 2002
    Location
    Milwaukee, WI
    Posts
    296
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem With Clearing Floats

    I'm having a problem with displaying content on my page

    http://www.humanclay.net/news/category/creed/

    I'm using a 3 column fluid layout. In the center column I am trying to display news stories. What I do is the following:

    Code:
    <p class="news-box">
      <image floated left>
      News Headline
      Date Posted
      Article Summary
    </p>
    
    <div style="clear:left">
    The problem I am having is that in Opera 7.5 the <div> I use to clear the floated image in each news article is clearing the entire center column instead. What happens in Opera is that the rest of the news articles get pushed way down to the bottom of the page. I have no idea why? Can anyone spot what I'm doing wrong? Is there just a bug in Opera? It seems to work properly in IE and Firefox

    My CSS file is here: http://www.humanclay.net/skins/creed...css/styles.css

    Most of the styles I use for the news page is at the very bottom of the style sheet.
    -- Steve Caponetto
    Quake 1 Resurrection :: CreedFeed

  2. #2
    SitePoint Addict
    Join Date
    Oct 2003
    Location
    Florida
    Posts
    264
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could try

    HTML Code:
    <div style="float:X">Boo!</div>
    Change X to right, left, top, bottom, ect..... Hope this helps some.


Bookmarks

Posting Permissions

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