Hi
pulling my hair out on this so any help would be appreciated
I have built a page that effectively renders 2 buttons below some text which is on a background image.
I need the page to stay in live when the use increase or decrease the page using cntrl + or cntrl - I really want thw expansion to come forward so the buttons dont drop but this isnt the case.
http://www.thebigshot.co.uk/v2/splash-new.htm
irionically, the expansion drops in in mozila, opera, mac etc etc but when i come to run cntr +in IE , the expansion is different. The text stay in the middle as is as i would which. I think its related to how the scrol bar on the righ works but dont know how to sort
ive listed the code in all below .. any help with this would be much appreciated as working on a gone now past deadline. seriosuly doing my head in.
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>
Thanks for much if you have some in put to this ...
regards
steve
Last edited by don1967; 05-22-2010 at 09:20 AM..
|
