Jump to content


Photo

I do like FF over IE


  • Please log in to reply
12 replies to this topic

#1 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 12 June 2006 - 10:30 PM

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.
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#2 homchz

homchz
  • Members
  • PipPipPip
  • Advanced Member
  • 93 posts
  • LocationLee, New Hampshire

Posted 12 June 2006 - 11:28 PM

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.

#3 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 12 June 2006 - 11:48 PM

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) View Post[/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)
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#4 homchz

homchz
  • Members
  • PipPipPip
  • Advanced Member
  • 93 posts
  • LocationLee, New Hampshire

Posted 13 June 2006 - 12:06 AM

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

#5 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 13 June 2006 - 12:10 AM

[!--quoteo(post=383031:date=Jun 12 2006, 08:06 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:06 PM) View Post[/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:

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



<div class="clear">&nbsp;</div>

correct?
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#6 homchz

homchz
  • Members
  • PipPipPip
  • Advanced Member
  • 93 posts
  • LocationLee, New Hampshire

Posted 13 June 2006 - 12:12 AM

That is all I did, did you remove the 100% hieghts too?


#7 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 13 June 2006 - 12:15 AM

[!--quoteo(post=383036:date=Jun 12 2006, 08:12 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:12 PM) View Post[/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?
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#8 homchz

homchz
  • Members
  • PipPipPip
  • Advanced Member
  • 93 posts
  • LocationLee, New Hampshire

Posted 13 June 2006 - 12:16 AM

link does not work.

Hold on I will upload what I have and get it off my testing server.



#9 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 13 June 2006 - 12:18 AM

[!--quoteo(post=383039:date=Jun 12 2006, 08:16 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:16 PM) View Post[/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
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#10 homchz

homchz
  • Members
  • PipPipPip
  • Advanced Member
  • 93 posts
  • LocationLee, New Hampshire

Posted 13 June 2006 - 12:20 AM

you can see it working here

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

#11 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 13 June 2006 - 12:25 AM

[!--quoteo(post=383042:date=Jun 12 2006, 08:20 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:20 PM) View Post[/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 before 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.

regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin

#12 homchz

homchz
  • Members
  • PipPipPip
  • Advanced Member
  • 93 posts
  • LocationLee, New Hampshire

Posted 13 June 2006 - 12:37 AM

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

#13 play_

play_
  • Staff Alumni
  • Advanced Member
  • 717 posts

Posted 13 June 2006 - 12:40 AM

[!--quoteo(post=383049:date=Jun 12 2006, 08:37 PM:name=homchz)--][div class=\'quotetop\']QUOTE(homchz @ Jun 12 2006, 08:37 PM) View Post[/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.
regex.kat.sh --- regex library
u.kat.sh ---- url shortener
tabbit.org ---- tabbed pastebin




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users