Jump to content

I do like FF over IE


play_

Recommended Posts

First, here's the link: [a href=\"http://ficti0n.com/new/#\" target=\"_blank\"]http://ficti0n.com/new/#[/a]

Ok. to see what's happening, click on any of the "comments" link below each entry title to the right. the one with 4 comments would be best.

Notice that when it's clicked, i use javascript to toggle the comments div between visible and not visible. When you click it and it becomes visible, it overflows out of the page(in FF), in IE it looks fine, it pushes everything down.

How can this be fixed?

it's also worth mentioning that, the blog and everything on the left of that line diving the page in 2, and everything on the right of that line (the chat that doesnt work yet) and floating.

so the blog floats left, the chat floats right.

both of them under a div called "middle".

if desired, i can put lines of different colors outlining the divs.



Thanks.
Link to comment
Share on other sites

create a class called clear or whatever you want

give it a font size of 1 and clear: both;

just above the div that is supposed to strech and put   inside the div.


it is a hack but should work.
Link to comment
Share on other sites

ok. i saw in another thread the author posted a zip archive of his site.
So i decided to do it too in case someone will actually do this with me.
[a href=\"http://www.ficti0n.com/site.rar\" target=\"_blank\"]http://www.ficti0n.com/site.rar[/a]

There. the site is PHP based to i did my best to change to HTML and make it nice and neat to follow through.

[!--quoteo(post=383020:date=Jun 12 2006, 07:28 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 07:28 PM) [snapback]383020[/snapback][/div][div class=\'quotemain\'][!--quotec--]
create a class called clear or whatever you want

give it a font size of 1 and clear: both;

just above the div that is supposed to strech and put   inside the div.
it is a hack but should work.
[/quote]


Thank you. i will try that (i think i understood)

I can't get it to work.
As a matter of fact, i just realized firefox's div that holds the white background isn't stretching all the way (when you sroll down, the white background stops repeating)
Link to comment
Share on other sites

[!--quoteo(post=383031:date=Jun 12 2006, 08:06 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:06 PM) [snapback]383031[/snapback][/div][div class=\'quotemain\'][!--quotec--]
put the clear div just above the closing div for middle and take the 100% heights away from contain 2 and 3

this worked for me in FF
[/quote]


Thank you, but it it didn't work :/

To make sure i got it right:

[code]
.clear {
    font-size: 1px;
    clear: both;
}



<div class="clear">&nbsp;</div>
[/code]

correct?
Link to comment
Share on other sites

[!--quoteo(post=383036:date=Jun 12 2006, 08:12 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:12 PM) [snapback]383036[/snapback][/div][div class=\'quotemain\'][!--quotec--]
That is all I did, did you remove the 100% hieghts too?
[/quote]

Yes.
once i removed the heights, it looked like this: [a href=\"http://ficti0n.com/1.JPG\" target=\"_blank\"]http://ficti0n.com/1.JPG[/a]

Did that happen to you too?
Link to comment
Share on other sites

[!--quoteo(post=383039:date=Jun 12 2006, 08:16 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:16 PM) [snapback]383039[/snapback][/div][div class=\'quotemain\'][!--quotec--]
link does not work.

Hold on I will upload what I have and get it off my testing server.
[/quote]

hehe. try again. i had it as .jpg instead of .JPG
my apologies
Link to comment
Share on other sites

[!--quoteo(post=383042:date=Jun 12 2006, 08:20 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:20 PM) [snapback]383042[/snapback][/div][div class=\'quotemain\'][!--quotec--]
you can see it working here

[a href=\"http://new.flightfeathers.com/projects/clear/#\" target=\"_blank\"]http://new.flightfeathers.com/projects/clear/[/a]
[/quote]

i found the mistake.i was butting the div [i]before[/i] the opening middle div, not before the closing one!


Thanks so much for your help man, i really appreciate it.


This is a bug in FF im assuming, correct?

Thanks again.
Link to comment
Share on other sites

Not sure if it is a bug but floats can be tricky. I actually think it is an IE bug, if you think about it a float is supposed to do just that, and have no borders, and must be cleared to work correctly. IE just sees it as an overlying div.

This is how I clear all my floats if they need it.

NP,man CSS issues can be fun to solve. Luckily I had the time tonight.


Josh
Link to comment
Share on other sites

[!--quoteo(post=383049:date=Jun 12 2006, 08:37 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:37 PM) [snapback]383049[/snapback][/div][div class=\'quotemain\'][!--quotec--]
Not sure if it is a bug but floats can be tricky. This is how I clear all my floats if they need it.

NP,man CSS issues can be fun to solve. Luckily I had the time tonight.

Josh
[/quote]



haha, yes, luckily, or it would've been a long night for me.
and yes, i think it is a bug. Whenever a float is inside a div, the div's height doesn't cover the floats. it's weird.


Cheers, and thanks one more time.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.