CSS Ninjas: Your clear fix!
 

Alright, so I'm working on a 100% CSS/Div design and I've Googled around and nobody has a definite good clear fix for CSS, what do you guys use?

clear:both? whachaoutalkinboutwillis!>!?>!?

I have a div with 3 more divs inside of it, those 3 divs use absolute positioning and left attributes to put them where I want them, I then do .clearFix:after { clear: both; } and set the class of that parent div to clearFix but it's still showing the bottom of the div right up against the bottom of the 3 divs instead of the 15px padding there is supposed to be...

OMFG youre using padding?

start over...

can you show me your code?

I hate you... :(

Sent you a link over ICQ.

overflow:auto should do it

why dont you ask jack oat oh wait thats you

im just here to troll really i have no actual useful information to give

1) Whenever possible, avoid using absolute positioning and instead use float/margin/padding and allow the divs to "fall" into place within the parent element.

2) The :after pseudo-class may not work on older browsers.

3) Setting an overflow attribute for the parent element, whether it's "auto" or "hidden", should be sufficient to clear the floats.

Sorry to burst your bubble Cam, but I'm not this Jack OAT guy you're talking about, I have seen him posting around though, no idea what makes you think he's me... Can even have Eric prove it if you want.

That's exactly what Jack Oat would say :winkwink:

just teasin , i dont know who jack oat is either

I bet you're Jack OAT! :mad:

Hey hey hey....

get back to your cage...

http://www.stlwater.com/images/hose2.jpg

:1orglaugh

Dear Sands, what are your rates for "Kitten Punching"?

who is jack oaf?

Depends on the type of kitten and the kung fu style you'd like me to use. For example, Phoenix Eye Fist on a newborn tabby will run you about $25/hour, whereas the tried and true Crane Style on one of those newfangled breeds will be $50/hour and will require an initial deposit.

Let me know when youre fluent in friday night baby punching... need some fists of fury on the team...

Apparently it's me... :upsidedow

I'd like to hire someone for kitten punching too. In the next few days. Please ICQ me with your rates. Thanks.

Computerized
Secret
Socialism

lets see the design you are working on

problem solved :thumbsup

:thumbsup

uhhhhhhhhhhhhhhhhhhhhh whuuuuuut? I answer css questions. I don't ask them.

Bump for Killswitch and CSS.

I think he fixed it.

lol.. because the element wouldn't be set to that already right?



.
.
.
.
.

Seriously, I could fix this in two seconds with your code. that, and what browser the problem is in. specially cause you mentioned padding. they all like to handle padding differently a lot of the time.

<div problem element>
::all divs inside this element::
</div>

then the css as well

.problem_element{
}
::all divs inside this element::

*all elements as well, not just divs. i mean p's span's, anything with css styling


... Seriously, me best bet is that you have some floats somewhere which aren't being cleared.

like;

div <<-this
div
float float
div
div
div
float
div
div
float float

"this" div, won't know the end of it's content unless every one of those floats are cleared. big thing to remember is to make sure each one of your floats are cleared. guarantee that solves your problem

Clearing is for floats you can't clear an absolute element

Who are you and why do these idiots think I'm you?

lolz!!........

Hey Zuzana, can you please leave me some examples of dump site designs you've done please, and thank you.

I love Cock Sucking Sluts...

who is josh dirt?

No idea.

:1orglaugh:1orglaugh

CSS =

Cock
Sucking
Sluts

Brian, hit me up on AIM sometime, fknvdscom, I wanna talk with you about some stuff. Your designs suck, but you are good with CSS, and I want an old design I made that uses tables converted to 100% CSS/Divs and I want it to be good, if the price is decent I want you to do it.

you have a way with words.

He knows I think his designs suck, I've been telling him it for what... 6 years or so.

I am jerking off right now

I'm on webcam

feel me

Everything you're doing is useless.

You don't clear absolutes. And by "left attributes" I hope you don't mean you're floating them left because that's useless, too (on absolute elements).

If you have it like this:

<div>
<div ABSOLUTE1></div>
<div ABSOLUTE2></div>
<div ABSOLUTE3></div>
</div>

Then set a minimum height for the container DIV. Positioning an element as absolute takes it out of the regular flow of the design, and so it doesn't really take up any space as a normal box would.

Juan! Send me a message on AIM, when I get back tonight I wanna talk with you.

fknvdscom