Page 2 of 4 FirstFirst 1234 LastLast
Results 11 to 20 of 34

Thread: GlowHost's CSS Problem

  1. #11
    Zoffix Znet's Avatar
    Zoffix Znet is offline at 40 posts I am a Junior Guru
    Join Date
    Oct 2006
    Location
    Planet Mitanara
    Posts
    38

    Exclamation eh, forgot the declaration

    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)
    CSS doesn't suck - you suck at CSS. http://zoffix.com

  2. #12
    Zoffix Znet's Avatar
    Zoffix Znet is offline at 40 posts I am a Junior Guru
    Join Date
    Oct 2006
    Location
    Planet Mitanara
    Posts
    38

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

    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 :
    CSS doesn't suck - you suck at CSS. http://zoffix.com

  3. #13
    Matt's Avatar
    Matt is offline GlowHost Administrator
    Join Date
    Jan 2005
    Location
    Behind your monitor
    Posts
    5,250

    Default

    First of all you said you were not old enough to drink, so put the beer down.

    Second of all, thanks for confusing the hell out of me.

    Third, I will absorb this and report back to you after i have frustrated myself for numerous hours I am sure.

    Cheers. Now I am off for a beer. Now where did that beer smiley go.....
    Send your friends and site visitors to GlowHost and get $125 plus bonus!
    GlowHost Affiliate Program | Read our Blog | GlowHost's Facebook | Follow us on Twitter | GlowHost on Google+

  4. #14
    Zoffix Znet's Avatar
    Zoffix Znet is offline at 40 posts I am a Junior Guru
    Join Date
    Oct 2006
    Location
    Planet Mitanara
    Posts
    38

    Talking

    Quote Originally Posted by Matt View Post
    First of all you said you were not old enough to drink, so put the beer down.
    I'm in Canada, it's legal here :P

    Quote Originally Posted by Matt View Post
    Second of all, thanks for confusing the hell out of me.
    Basically, you have <embed .... height="240" width="320" ....>
    for your flash, and the specs say that CSS should override element's attributes, therefore when you used #contentf * {height:auto!important;} instead of height=240, width=320, you were getting height: auto, width: auto; for it, and when you put
    Code:
    #contentf embed
    {
        height: 240px!important; 
        width: 320px!important;
    }
    you pretty much put the height and width back as it is specified with parameters. since this selector is more specific then #contentf
    And as far as the #container{height:100%} goes, well just create an empty page with a div and put height:100% on it and see what happens
    cheers...
    CSS doesn't suck - you suck at CSS. http://zoffix.com

  5. #15
    Matt's Avatar
    Matt is offline GlowHost Administrator
    Join Date
    Jan 2005
    Location
    Behind your monitor
    Posts
    5,250

    Default

    Well I give up. I am sure it is impossible now.... Let me know if John-Marc hires you I might need some work done as well
    Send your friends and site visitors to GlowHost and get $125 plus bonus!
    GlowHost Affiliate Program | Read our Blog | GlowHost's Facebook | Follow us on Twitter | GlowHost on Google+

  6. #16
    Zoffix Znet's Avatar
    Zoffix Znet is offline at 40 posts I am a Junior Guru
    Join Date
    Oct 2006
    Location
    Planet Mitanara
    Posts
    38

    Unhappy Huh?

    Quote Originally Posted by Matt View Post
    Well I give up. I am sure it is impossible now....
    What do you mean impossible? just put this in your stylesheet:
    #contentf *
    {
    height:auto!important;
    }

    #contentf embed#flash
    {
    height: 240px!important;
    width: 320px!important;
    } And you are done!
    Quote Originally Posted by Matt View Post
    Let me know if John-Marc hires you I might need some work done as well

    Well, as I understood from his e-mail he is busy and is not planning on doing so right now...
    CSS doesn't suck - you suck at CSS. http://zoffix.com

  7. #17
    Matt's Avatar
    Matt is offline GlowHost Administrator
    Join Date
    Jan 2005
    Location
    Behind your monitor
    Posts
    5,250

    Default

    Quote Originally Posted by Zoffix Znet View Post
    What do you mean impossible? just put this in your stylesheet:
    #contentf *
    {
    height:auto!important;
    }

    #contentf embed#flash
    {
    height: 240px!important;
    width: 320px!important;
    } And you are done!
    I tried it like a bagillion times with all sorts of different varients.
    DOH!


    Its either:

    1. The flash gets scrunched up and pixellated and the footer stays put
    OR
    2. The footer floats around and the flash looks like it was intended.

    I uploaded your suggested fixes so you can see the working footer and bad flash.

    IE7 who needs it!
    Send your friends and site visitors to GlowHost and get $125 plus bonus!
    GlowHost Affiliate Program | Read our Blog | GlowHost's Facebook | Follow us on Twitter | GlowHost on Google+

  8. #18
    Zoffix Znet's Avatar
    Zoffix Znet is offline at 40 posts I am a Junior Guru
    Join Date
    Oct 2006
    Location
    Planet Mitanara
    Posts
    38

    Talking Ehhehe

    Hehe, you need a vacation indeed....
    Quote Originally Posted by Zoffix Znet View Post
    .... (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..."
    Last edited by Zoffix Znet; 11-02-2006 at 08:42 PM. Reason: :home: != :doh:
    CSS doesn't suck - you suck at CSS. http://zoffix.com

  9. #19
    andychev's Avatar
    andychev is offline Master Glow Jedi
    Join Date
    Apr 2005
    Location
    Chester, UK
    Posts
    150

    Default

    The homepage looks very broken this morning, all stretched

  10. #20
    Zoffix Znet's Avatar
    Zoffix Znet is offline at 40 posts I am a Junior Guru
    Join Date
    Oct 2006
    Location
    Planet Mitanara
    Posts
    38

    Wink Yup

    Nothing looks stretched except for the Flash, because *someone* doesn't select it properly

    What browser by the way?

    I suggest we rename this thread to "CSS Problems and Solutions"

    Here is my problem:

    Why does IE 7 instead of scaling the fonts the way normal browsers do scales everything on the page thus totally breaking the layout?

    Here is one that I sort of know a fix, but was looking for some one-liner:
    http://zoffix.com/css/ie/condcom.html How can I make Lynx display the table on that page a bit prettier so you could see that it is a table (come on table people, you love your tables so much this should be a no brainer to you )

    CSS doesn't suck - you suck at CSS. http://zoffix.com

Page 2 of 4 FirstFirst 1234 LastLast

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16