CSS Forum

**don1967** · 03:05 PM

hi please help,

how do i make moxilla zoom in the center as IE is doing exactly

http://www.thebigshot.co.uk/v2/splash-new.htm

any help would really be appreciated.

thanks

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html, body {
    height:100%;
    width:100%;
    margin:0px;
    padding:0px
}
div#splash {
    width:100%;
    height:100%;
    background:#000000;
    background-color:red
}
/* upadted by stephen mason 19th/may/2010 */

div#splash-background {
    background-image:url(images/html/splash_1024_bg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#000000;
    width:100%;
    min-height:670px
}
*html div#splash-background {
    background-image:url(images/html/splash_1024_bg.jpg);
    background-position:top middle center;
    background-repeat:no-repeat;
    background-color:#000000;
}
/* end update */


div#splash-message {
    width:500px;
    height:200px;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    position:relative
}
#splash-message h1 {
    font-weight:normal;
    font-size:22px
}
#splash-message p {
    font-size:12px;
    letter-spacing:0.1em;
    clear:both;
    padding-top:30px
}

/* upadted by stephen mason 19th/may/2010 */

#splash-message a {
    color:#B0241E;/**/
    color:#B0241E;
    display:block;
    float:left;
    font-size:12px;
    font-style:italic;
    height:30px; 
    text-decoration:none;
    width:130px
}
#splash-message a#view_flash {
    background-image:url(images/html/html_btn.jpg);
    background-position: top left;
    background-color:#000000;
    background-repeat:no-repeat;
    float:left;

}
#splash-message a#view_html {

    background-image:url(images/html/flash_btn.jpg);
    background-position: top left;
    background-color:#000000;
    background-repeat:no-repeat;
     float:right;
    
    
}

/* end update */

#splash-message img {
    float:right;
    margin-right:5px;
    margin-top:2px
}
div#links {
    margin-top:80px
}
</style>
</head>
<body>
<!-- upadted by stephen mason 19th/may/2010 -->
<!-- container render html / flash buttons -->
<div id="splash-background" style="position:relative">
  <div id="splash-message"  style="border:1px solid red;  
                                   height: 328px;
                                   margin:-40px auto;
                                   width: 500px;
                                   position:relative; 
                                   margin-bottom:; ">

  
    
     <div id="" style="height:10px;border:1px solid red;position:absolute;bottom:10px; width:auto;margin-left:70px;">
     
       <a  target="_self" title="View flash site" id="view_flash" 
    href="http://virgin.lessrain.net/en/gb/flash_on/home/"></a>
    
    
    
    </div>
    
      <div id="" style="height:10px;border:1px solid red;position:absolute;bottom:10px;right:0;width:auto; margin-right:70px">
    <a target="_self"  title="View HTML site" id="view_html" 
    href="http://virgin.lessrain.net/en/gb/flash_off/home/"></a>
    </div>
    
    </div>
 
    </div>
     
  </div>
</div>
<!-- end update -->
</body>

**chrishirst** · 05-22-2010, 03:15 PM

And "zoom in the center" means what exactly?

**don1967** · 05-22-2010, 03:21 PM

ok im sorry im well new to this but if you run the page in IE, you ll see that every thing star s center...

if you run in mozilla, everything drops when you expland.

im simply look ing for a solution that keeps every thing center.

**chrishirst** · 05-22-2010, 03:29 PM

What version ??

works the same in FF3, IE8, Chrome and Opera for me.

**don1967** · 05-23-2010, 04:02 AM

It doesnt work the same in IE 8 and mozilla. In Ir yo notice the text and buttons remian in the center of the page where as in mozilla the text drops.

Yes, they are holding position but in IE its far more usbale as the text is always ni middle of page.

**chrishirst** · 05-23-2010, 07:38 AM

They are positioned absolute. What do you expect to happen?

It is behaving EXACTLY as you have told it to.

**C0ldf1re** · 05-23-2010, 09:57 AM

It looks alright to me too!