1
rabideau
style="clear: both; & FireFox problems
  • 2006/11/20 20:58

  • rabideau

  • Home away from home

  • Posts: 1042

  • Since: 2003/4/25


Hello all,

I am having a frustration with FireFox not being able to clear floating blocks correctly(?). I have the following css code:
.clear {
clear: both;
padding-bottom: 1px; /* for Gecko-based browsers */
margin-bottom: -1px; /* for Gecko-based browsers */
}

Which is invoked by the following code in my theme.html:
 


I've tried numerous methods of invoking the clear command, none work correctly in FireFox, almost anything works in IE. You may see the error at:

http://processteam.org (you'll need both IE & Firefox... duh.)

Any help is most appreciated!
Pax vobiscum,
...mark

may the road rise to meet your feet!

http://treemagic.org

2
m0nty
Re: style="clear: both; & FireFox problems
  • 2006/11/20 21:02

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


<div style="clear: both;">&nbsp;div>


doesn't invoke that .clear css class it's a style setting itself..

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


would use the css class .clear

3
rabideau
Re: style="clear: both; & FireFox problems
  • 2006/11/20 21:21

  • rabideau

  • Home away from home

  • Posts: 1042

  • Since: 2003/4/25


Hi m0nty,

Thank you for the pointer... unfortunately I still have the same problem?????

I added your
 
to the theme.html and still arrrggghhhh.

Any other suggesions???
Pax vobiscum,
...mark

may the road rise to meet your feet!

http://treemagic.org

4
m0nty
Re: style="clear: both; & FireFox problems
  • 2006/11/20 21:31

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


without seeing the rest of the relevant html, i dunno..

i'm not a css guru..

are you adding the clear class inside the container or after it?

also i just found this which might be of some use >

http://www.positioniseverything.net/easyclearing.html

5
rabideau
Re: style="clear: both; & FireFox problems
  • 2006/11/20 21:48

  • rabideau

  • Home away from home

  • Posts: 1042

  • Since: 2003/4/25


I tried creating containers and putting it both in and outside of the container... I get the same thing either way

I'm trying to do this theme without tables... I guess I'll be forced to surrender soon!

The html in question follows:



<{if $xoops_showcblock == 1}>



<{foreach item=block from=$xoops_clblocks}>


<{$block.title}>
<{$block.content}>


<{/foreach}>



<{foreach item=block from=$xoops_crblocks}>

<{$block.title}>
<{$block.content}>


<{/foreach}>


 


<{foreach item=block from=$xoops_ccblocks}>

<{$block.title}>
<{$block.content}>


<{/foreach}>


 




<{/if}>

<{$xoops_contents}>


<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>


<{if $xoBlocks.page_bottomcenter}>

<{foreach from=$xoBlocks.page_bottomcenter item=block}>

<{$block.title}>
<{$block.content}>


<{/foreach}>

<{/if}>

<{if $xoBlocks.page_bottomleft}>

<{foreach from=$xoBlocks.page_bottomleft item=block}>

<{$block.title}>
<{$block.content}>


<{/foreach}>

<{/if}>

<{if $xoBlocks.page_bottomright}>

<{foreach from=$xoBlocks.page_bottomright item=block}>

<{$block.title}>
<{$block.content}>


<{/foreach}>

<{/if}>

 


<{/if}>

Pax vobiscum,
...mark

may the road rise to meet your feet!

http://treemagic.org

6
JMorris
Re: style="clear: both; & FireFox problems
  • 2006/11/21 3:12

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


rabideau,

Instead of using clear:both; you may want to try display:block;. I've run into the situation you've described befor and display:block; fixed me right up.

HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

7
snow77
Re: style="clear: both; & FireFox problems
  • 2006/11/21 3:18

  • snow77

  • Just can't stay away

  • Posts: 864

  • Since: 2003/7/23


Doooon't surrender ! it'll be worthwile if you keep on. I am not sure how to help you since I can't see the CSS in your code, you just pasted the HTML.

You can look at the CSS wireframe project we had started some time ago ...it's simpler than morphogenesis, so you could want to update some parts a little, I don't remember if it has the blocks below content added... I think it might. Just thought it could be a good start

view the css wireframe here

8
rabideau
Re: style="clear: both; & FireFox problems
  • 2006/11/21 3:28

  • rabideau

  • Home away from home

  • Posts: 1042

  • Since: 2003/4/25


I have found a way to make parts of it work... now I'm having the IE/ FireFox px (pixel- spacing) count problem.

I hate it that the site looks correct under IE but not FireFox.

Perhaps one of you css giants (as opposed to me, a bear of small brain) can help me. The site again is at:

http://processteam.org
Pax vobiscum,
...mark

may the road rise to meet your feet!

http://treemagic.org

9
JMorris
Re: style="clear: both; & FireFox problems
  • 2006/11/21 4:15

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


rabideau,

Could you clarify what the end result you're trying to acheive is?

Code is great, but it doesn't clearly convey vision.

Best Regards,

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

10
Peekay
Re: style="clear: both; & FireFox problems
  • 2006/11/21 11:29

  • Peekay

  • XOOPS is my life!

  • Posts: 2335

  • Since: 2004/11/20


I agree with JMorris that it's hard to see what you are trying to do. Could you perhaps use:
<br clear=all>

I find this works a treat in every browser... so it probably won't validate, be politically correct or accessible.
A thread is for life. Not just for Christmas.

Login

Who's Online

389 user(s) are online (82 user(s) are browsing Support Forums)


Members: 0


Guests: 389


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Aug 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits