CSS Ninjas: Your clear fix! - GoFuckYourself.com

12-06-2009, 01:55 PM

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?

Deej · 12-06-2009, 01:58 PM

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

12-06-2009, 02:06 PM

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...

Deej · 12-06-2009, 02:10 PM

Quote:

Originally Posted by Killswitch

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...

Deej · 12-06-2009, 02:11 PM

can you show me your code?

12-06-2009, 02:14 PM

Quote:

Originally Posted by Deej

OMFG youre using padding?

start over...

I hate you...

12-06-2009, 02:16 PM

Quote:

Originally Posted by Deej

can you show me your code?

Sent you a link over ICQ.

sysk · 12-06-2009, 02:19 PM

overflow:auto should do it

MIDDLE CLASS BLACK MAN · 12-06-2009, 02:28 PM

why dont you ask jack oat oh wait thats you

mechanicvirus · 12-06-2009, 02:29 PM

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

Sands · 12-06-2009, 02:45 PM

Quote:

Originally Posted by Killswitch

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...

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.

12-06-2009, 02:53 PM

Quote:

Originally Posted by MIDDLE CLASS BLACK MAN

why dont you ask jack oat oh wait thats you

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.

SmokeyTheBear · 12-06-2009, 02:57 PM

Quote:

Originally Posted by Killswitch

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

just teasin , i dont know who jack oat is either

12-06-2009, 03:02 PM

Quote:

Originally Posted by SmokeyTheBear

That's exactly what Jack Oat would say

just teasin , i dont know who jack oat is either

I bet you're Jack OAT!

Deej · 12-06-2009, 03:06 PM

Quote:

Originally Posted by Sands

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.

Hey hey hey....

get back to your cage...

Sands · 12-06-2009, 03:30 PM

Quote:

Originally Posted by Deej

Hey hey hey....

get back to your cage...

Angry Jew Cat - Banned for Life · 12-06-2009, 03:56 PM

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

Agent 488 · 12-06-2009, 04:05 PM

who is jack oaf?

Sands · 12-06-2009, 04:06 PM

Quote:

Originally Posted by Angry Jew Cat

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

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.

Deej · 12-06-2009, 04:24 PM

Quote:

Originally Posted by Sands

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...

12-06-2009, 04:29 PM

Quote:

Originally Posted by Agent 488

who is jack oaf?

Apparently it's me...

Nysus · 12-06-2009, 05:32 PM

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

Glenn Beck · 12-06-2009, 07:25 PM

Computerized
Secret
Socialism

Catalyst · 12-06-2009, 07:45 PM

lets see the design you are working on

Deej · 12-06-2009, 07:57 PM

Quote:

Originally Posted by Catalyst

lets see the design you are working on

problem solved

12-06-2009, 08:00 PM

Quote:

Originally Posted by Deej

problem solved

Jack OAT · 12-06-2009, 10:03 PM

Quote:

Originally Posted by MIDDLE CLASS BLACK MAN

why dont you ask jack oat oh wait thats you

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

fatfoo · 12-06-2009, 10:07 PM

Bump for Killswitch and CSS.

CPimp · 12-06-2009, 10:28 PM

I think he fixed it.

potter · 12-07-2009, 12:04 AM

Quote:

Originally Posted by sysk

overflow:auto should do 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

wdforty · 12-07-2009, 04:20 AM

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

12-07-2009, 07:04 AM

Quote:

Originally Posted by Jack OAT

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

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

Zuzana Designs · 12-07-2009, 07:39 AM

Quote:

Originally Posted by sands

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.

lolz!!........

12-07-2009, 07:42 AM

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

munki · 12-07-2009, 09:34 AM

I love Cock Sucking Sluts...

12-07-2009, 01:23 PM

Quote:

Originally Posted by munki

I love Cock Sucking Sluts...

Agent 488 · 12-07-2009, 01:34 PM

who is josh dirt?

12-07-2009, 01:40 PM

Quote:

Originally Posted by Agent 488

who is josh dirt?

No idea.

munki · 12-07-2009, 01:52 PM

Quote:

Originally Posted by Killswitch

CSS =

Cock
Sucking
Sluts

12-07-2009, 01:53 PM

Quote:

Originally Posted by potter

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

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.

Agent 488 · 12-07-2009, 01:56 PM

Quote:

Originally Posted by Killswitch

Your designs suck, but you are good with CSS

you have a way with words.

12-07-2009, 02:05 PM

Quote:

Originally Posted by Agent 488

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.

»Rob Content« · 12-07-2009, 02:30 PM

I am jerking off right now

I'm on webcam

feel me

cyber · 12-07-2009, 03:43 PM

Quote:

Originally Posted by Killswitch

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...

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.

12-07-2009, 03:46 PM

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

fknvdscom

12-06-2009, 01:55 PM	#1
Killswitch - BANNED FOR LIFE Guest Posts: n/a	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?

12-06-2009, 01:58 PM	#2
Deej I make pixels work Industry Role: Join Date: Jun 2005 Location: I live here... Posts: 24,386	clear:both? whachaoutalkinboutwillis!>!?>!? __________________ Deej's Designs n' What Not Hit me up for Design, CSS & Photo Retouching Icq#30096880

12-06-2009, 02:11 PM	#5
Deej I make pixels work Industry Role: Join Date: Jun 2005 Location: I live here... Posts: 24,386	can you show me your code? __________________ Deej's Designs n' What Not Hit me up for Design, CSS & Photo Retouching Icq#30096880

12-06-2009, 02:19 PM	#8
sysk Confirmed User Industry Role: Join Date: Aug 2007 Location: Montreal Posts: 1,005	overflow:auto should do it __________________ icq: 612510168 / email: [email protected] / php ninja 4 hire

12-06-2009, 05:32 PM	#22
Nysus Confirmed User Industry Role: Join Date: Aug 2001 Posts: 7,817	I'd like to hire someone for kitten punching too. In the next few days. Please ICQ me with your rates. Thanks. __________________ What name is pr0 / Untouched Markets using these days? Untouched Markets - pr0 - Refund My Money Now Someone owes me $2,000 because they didn't do any work that was paid for pointing at pr0 / William / UntouchedMarkets See http://www.gfy.com/fucking-around-and-business-discussion/948258-untouchedmarkets-pr0-refund-money-post16744521.html and for more detailed see http://www.gfy.com/fucking-around-and-business-discussion/948645-re-recent-bullshit-drama-explained-detail-pr0-untouched-markets.html

12-06-2009, 02:06 PM	#3
Killswitch - BANNED FOR LIFE Guest Posts: n/a	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...

12-06-2009, 02:28 PM	#9
MIDDLE CLASS BLACK MAN So Fucking Banned Join Date: Sep 2009 Posts: 111	why dont you ask jack oat oh wait thats you

12-06-2009, 02:29 PM	#10
mechanicvirus Confirmed User Industry Role: Join Date: Feb 2005 Location: Southern California Posts: 3,737	im just here to troll really i have no actual useful information to give

12-06-2009, 03:56 PM	#17
Angry Jew Cat - Banned for Life (felis madjewicus) Industry Role: Join Date: Jul 2006 Location: In Mom & Dad's Basement Posts: 20,368	Dear Sands, what are your rates for "Kitten Punching"?

12-06-2009, 04:05 PM	#18
Agent 488 Registered User Industry Role: Join Date: Feb 2006 Posts: 22,511	who is jack oaf?

12-06-2009, 07:25 PM	#23
Glenn Beck So Fucking Banned Join Date: Sep 2009 Posts: 408	Computerized Secret Socialism

12-06-2009, 07:45 PM	#24
Catalyst Confirmed User Industry Role: Join Date: Jun 2003 Location: Vegas Posts: 3,243	lets see the design you are working on

12-06-2009, 10:07 PM	#28
fatfoo ICQ:649699063 Industry Role: Join Date: Mar 2003 Posts: 27,763	Bump for Killswitch and CSS. __________________ Send me an email: [email protected]

12-06-2009, 10:28 PM	#29
CPimp Confirmed User Industry Role: Join Date: Aug 2009 Posts: 2,346	I think he fixed it. __________________ three 997 three 55 three 1 ← That's my ICQ. Contact me there. Thanks.

12-07-2009, 04:20 AM	#31
wdforty Confirmed User Industry Role: Join Date: Aug 2004 Posts: 1,824	Clearing is for floats you can't clear an absolute element

12-07-2009, 07:42 AM	#34
Killswitch - BANNED FOR LIFE Guest Posts: n/a	Hey Zuzana, can you please leave me some examples of dump site designs you've done please, and thank you.

12-07-2009, 09:34 AM	#35
munki Do Fun Shit. Industry Role: Join Date: Dec 2004 Location: OC Posts: 13,393	I love Cock Sucking Sluts... __________________ “I have the simplest tastes. I am always satisfied with the best.” -Oscar Wilde

12-07-2009, 01:34 PM	#37
Agent 488 Registered User Industry Role: Join Date: Feb 2006 Posts: 22,511	who is josh dirt?

12-07-2009, 02:30 PM	#43
»Rob Content« Confirmed User Join Date: Dec 2006 Posts: 4,348	I am jerking off right now I'm on webcam feel me __________________ 80% Revshare or 30$ PPS on $1 trials: 200 Niches = Vidz.com Galleries / FLVs / Embeds 3 & 5mins FLVs \| RSS & Tube Feeds \| Matching Thumbs \| FLV Browser & Exporter \| No Prechecked Xsales >> Mobile Redirection Script: mobile.vidz.com also paying 80% net Lifetime << ICQ: 198-394-557 ICQ - 436 795 438 E-mail rob /@/ cool-content dotcom

12-07-2009, 03:46 PM	#45
Killswitch - BANNED FOR LIFE Guest Posts: n/a	Juan! Send me a message on AIM, when I get back tonight I wanna talk with you. fknvdscom