Jump to content

Frank P

Members
  • Posts

    168
  • Joined

  • Last visited

Posts posted by Frank P

  1. I don't think you do, because the impact is huge!

    I never said one shouldn't use the sprite technique if possible. And in this case it isn't.

  2. How about screw those guys on lame ass old browsers. Update or gtfo.

    I don't think my clients will agree with that...

     

    I honestly prefer anything that uses less http requests.

    HTTP requests hardly make a site render slowly. Large images, moving images, poor server capacity and bottle necks in the connection between the server and the user's computer do. This whole request issue is exaggerated tremendously. 

  3. So atleast 30% of your audience can't enjoy it

     

    Exactly. That's why I, too, would suggest to make a transparent image in Photoshop. Easy as 1,2,3, if you have a bit of a recent version.

  4. If all else fails, just put the file in an iframe. That is always a cure.

     

    Guess what? I had to include a YouTube video today, and the button 'Include' on the YouTube site now generates this code:

     

    <iframe width="560" height="345" src="http://www.youtube.com/embed/6Z3mjZel7to" frameborder="0" allowfullscreen></iframe>

     

    Video urls included in the traditional <object><parameter> way won't even load the video anymore, it seems!

  5. Hi,

     

    I checked it in IE8 and FF4, but the only significant difference I see is that the two sections under Birth(d)ay Club have rounded corners only in FF, not in IE. No background differences.

  6. Hi,

     

    Video files are notorious for their dominance in z-index, even if the css orders otherwise. If all else fails, just put the file in an iframe. That is always a cure. But there might be other solutions. For that, please put it online so we can do some testing. Or post the code (see my signature for instructions on how it should be posted). 

  7. If I copy and paste your code  in an otherwise empty web page , replacing the php tags with actual values and putting a  standards mode-invoking doctype over it, it centers perfectly. Be it that your code only includes the blue and white part plus the black border. Not the brown part.

  8. It cannot be done with pure CSS. It should be doable with javascript, because there are these menus that go up with the page while scrolling, until the menu reaches the top o/t browser window and then stays there.

     

    But there is a simpler solution: give the content container an overflow: scroll. Like so:

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Demo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!-- 
    html, body { 
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-y: hidden; /* prevents double scrollbar in IE */
        }
    #main { 
        position: relative;
        height: 100%; 
        width: 980px; /* 1024 is coming back */
        margin: auto;
        background: beige;
        }    
    #header { 
        height: 100px;
        background: pink url(images/header.png);
        }        
    #menubar { 
        position: absolute;
        top: 100px;
        height: 40px;
        width: 100%;
        background: black;
        color: white;
        }
    #content { 
        position: absolute; 
        top: 140px;
        bottom: 50px;
        left: 0;
        right: 0;
        overflow-y: scroll;
        }
    #footer { 
        position: absolute;
        bottom: 0;
        height: 50px;
        width: 100%;
        background: yellow;
        }    
    -->
    </style>
    </head>
    
    <body>
        <div id="main">
            <div id="header">Header</div>
            <div id="menubar">Menubar</div>
            <div id="content">
                Search results
            </div>
            <div id="footer">Footer</div>
        </div>
    </body>
    </html>
    

     

     

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.