play_ Posted June 12, 2006 Share Posted June 12, 2006 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. Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/ Share on other sites More sharing options...
homchz Posted June 12, 2006 Share Posted June 12, 2006 create a class called clear or whatever you wantgive 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 Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44778 Share on other sites More sharing options...
play_ Posted June 12, 2006 Author Share Posted June 12, 2006 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 wantgive 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) Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44780 Share on other sites More sharing options...
homchz Posted June 13, 2006 Share Posted June 13, 2006 put the clear div just above the closing div for middle and take the 100% heights away from contain 2 and 3this worked for me in FF Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44789 Share on other sites More sharing options...
play_ Posted June 13, 2006 Author Share Posted June 13, 2006 [!--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 3this 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"> </div>[/code]correct? Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44793 Share on other sites More sharing options...
homchz Posted June 13, 2006 Share Posted June 13, 2006 That is all I did, did you remove the 100% hieghts too? Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44794 Share on other sites More sharing options...
play_ Posted June 13, 2006 Author Share Posted June 13, 2006 [!--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? Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44795 Share on other sites More sharing options...
homchz Posted June 13, 2006 Share Posted June 13, 2006 link does not work. Hold on I will upload what I have and get it off my testing server. Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44797 Share on other sites More sharing options...
play_ Posted June 13, 2006 Author Share Posted June 13, 2006 [!--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 .JPGmy apologies Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44798 Share on other sites More sharing options...
homchz Posted June 13, 2006 Share Posted June 13, 2006 you can see it working here[a href=\"http://new.flightfeathers.com/projects/clear/#\" target=\"_blank\"]http://new.flightfeathers.com/projects/clear/[/a] Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44800 Share on other sites More sharing options...
play_ Posted June 13, 2006 Author Share Posted June 13, 2006 [!--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. Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44801 Share on other sites More sharing options...
homchz Posted June 13, 2006 Share Posted June 13, 2006 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 Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44807 Share on other sites More sharing options...
play_ Posted June 13, 2006 Author Share Posted June 13, 2006 [!--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. Quote Link to comment https://forums.phpfreaks.com/topic/11810-i-do-like-ff-over-ie/#findComment-44809 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.