GlowHost's CSS Problem

**Matt** · 11-01-2006

Well you are right, fix one thing, break another.

Now here is the question that wins some of your hosting fees back in the for of a refund....

Code:

#contentf * {height:auto!important;}

This cures the IE7 footer issue, but kills the flash content on the page. It shrinks it up and makes it pixelated due to the resize.

So, if you can figure out how to get

Code:

 #contentf * {height:auto!important;}

Working in tandem with the flash content across IE6, 7 and firefox....you got some funds coming your way.

**Zoffix Znet** · 11-01-2006

Wow, the code seems to be even more broken that it is used to be

now even in FireFox the white background doesn't go all the way down

Anyhow here is a fix:

Clear floats:

Code:

</div>
<!--End regular page content -->

<!-- Closing divs for included files that opened them -->
</div>
<div class="clearer">&nbsp;</div>
</div> 
<!--End closing included divs -->

</div>
<div id="footer"...

Fix the Flash (I've added an id="flash" to that movie just in case you have other flash movies there):

Code:

#contentf * 
{
    height:auto!important;
}

#contentf embed#flash
{
    height: 240px!important; 
    width: 320px!important;
}

And if I were you I would put this fix in the IE 7 condcom, since iirc the footer is broken in IE 7 only... http://zoffix.freehostia.com/ie/condcom.html

Now that was extremelly hard to figure out

... better get some beer

Cheers
P.S.: Nice smileys... although a few of them I've seen before somewhere and they are quite identical

**Zoffix Znet** · 11-01-2006

eeh, forgot the declaration

Code:

div.clearer
{
 clear:both;
 height:1px;
}

But pretty much any float clearing method will do

(by the way this is regarding the white background not going far enough, not regarding the flash fix)

**Zoffix Znet** · 11-01-2006

Sorry for so many posts, but the background doesn't go all the way out only on my local copy

false alarm, but at least I got a chance to tell you to remove #container{height:100%;} what is this for?

doesn't do any good as I see it, did you mean min-height ( http://w3.org/TR/CSS21/visudet.html#propdef-min-height )? Yeah stupid IE < 7 doesn't support it, but the fix is trivial:

Code:

CSS:

#container {min-height: 100%;}

....................................................
HTML: 

<html>
     <head>
         <!--[if lt IE 7]>
               <style type="text/css">
                        #container {height: 100%;}
               </style>
         <![endif]-->
     </head>
...

Keep in mind that 100% is not exactly what you want find something that doesn't give you scrollbars on a page without scrollbars

:

**Zoffix Znet** · 11-02-2006

Hehe, you need a vacation

indeed....

Originally Posted by Zoffix Znet

.... (I've added an id="flash" to that movie just in case you have other flash movies there):

Code:

#contentf embed#flash
{
    height: 240px!important; 
    width: 320px!important;
}

selects an <embed> element with an id="flash" so either add an ID to that flash or use #contentf embed if you don't have any other <embed> elements in that container... cheers

P.S.: Never say "it's impossible..."

Thread: GlowHost's CSS Problem

LinkBack

Thread Tools

Search Thread

Display

Hybrid View

:)

eh, forgot the declaration

Man, I feel like flooder now.... :spam:

Ehhehe

Posting Permissions