3 Replies - 587 Views - Last Post: 10 September 2012 - 11:50 AM

#1 skymonkier  Icon User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 107
  • Joined: 14-July 12

Simple CSS Positioning Problem

Posted 10 September 2012 - 09:39 AM

I just have a simple problem concerning positioning, and using floating. I'm trying to position two divs right next to each other, and I've tried floating and not floating, both of which are in pictures below. I've tried Relative positioning, but I want this to be more of a fluid design than a hack job. I've attached the home page and CSS file, along with the images in a ZIP.

When Not Floating...
Posted Image

When Floating...
Posted Image

Is This A Good Question/Topic? 0
  • +

Replies To: Simple CSS Positioning Problem

#2 BenignDesign  Icon User is offline

  • holy shitin shishkebobs
  • member icon




Reputation: 6233
  • View blog
  • Posts: 10,782
  • Joined: 28-September 07

Re: Simple CSS Positioning Problem

Posted 10 September 2012 - 10:55 AM

1. You didn't attach the zip.
2. I don't download random files from members I don't know anyway.
3. What is the problem? What do you actually want this thing to do?
Was This Post Helpful? 0
  • +
  • -

#3 RudiVisser  Icon User is offline

  • .. does not guess solutions
  • member icon

Reputation: 1004
  • View blog
  • Posts: 3,562
  • Joined: 05-June 09

Re: Simple CSS Positioning Problem

Posted 10 September 2012 - 11:32 AM

The issue is that floated elements don't report their height to the parent container, because they're in a special floaty layout mode.

If you want to force your background to display past it, you can add a simple:
.clear {
    clear: both;
}

and then a <div class="clear"></div> underneath your other 2 floaty content elements, and it will work just fine.
Was This Post Helpful? 2
  • +
  • -

#4 skymonkier  Icon User is offline

  • D.I.C Head

Reputation: 2
  • View blog
  • Posts: 107
  • Joined: 14-July 12

Re: Simple CSS Positioning Problem

Posted 10 September 2012 - 11:50 AM

Thank you, Rudi! :bigsmile:
Also, to Benign, I'm sorry about the files, I thought I hit attach but I guess not. And also, I said that "I'm trying to position two divs right next to each other" and the pictures should have told you my obvious objective. Anyhow, thanks for spending a few seconds! :rolleyes:

Cheers!
skymonkier
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1