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...Comment
-
Comment
-
can you show me your code?Comment
-
-
why dont you ask jack oat oh wait thats youComment
-
im just here to troll really i have no actual useful information to giveComment
-
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.Comment
-
Comment
-
Dear Sands, what are your rates for "Kitten Punching"?Comment
-
who is jack oaf?Comment
-
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.Comment
-
Comment
-
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/showthread.php?p=16744521 and for more detailed see http://www.gfy.com/showthread.php?t=948645Comment
-
Computerized
Secret
SocialismComment
-
lets see the design you are working onComment
-
Comment
-
my icq...... 615294405.....
.....jackoatwebmaster@gmail
I am a webmaster toolbox.. I can do it all.. I am Jack OAT
mobile sites + xhtml/css + design + wordpress + script install/integration
Comment
-
-
I think he fixed it.
three 997 three 55 three 1 ← That's my ICQ. Contact me there. Thanks. Comment
-
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
Comment
-
Clearing is for floats you can't clear an absolute elementicq 157542142Comment
-
Comment
-
Hey Zuzana, can you please leave me some examples of dump site designs you've done please, and thank you.Comment
-
I love Cock Sucking Sluts...
“I have the simplest tastes. I am always satisfied with the best.” -Oscar Wilde
Comment
-
who is josh dirt?Comment
-
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.Comment
-
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 dotcomComment
-
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.Comment
-
Juan! Send me a message on AIM, when I get back tonight I wanna talk with you.
fknvdscomComment
Comment