rain13 Posted May 24, 2011 Share Posted May 24, 2011 With firefox it looks nice but with IE 8 I see only bk image and with IE 6 I see bk image and form below it.I am looking way stretch bk image in y dimension. I didn't find any better solution than create div with stretched image and other div with content on it. I know it's "around the corner solution" but I cant find any better solution than that.Does anyone have any ideas how to make that code work with IE so that I would still have bk image stretched y dimension? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"><title>Rain's Web Gallery installer</title><style type="text/css">body {font-size: 12px;margin: 0px;padding: 0px;}.input size="35" {border: 1px;}.extra {font-weight: normal;font-size: 11px;}.infobar {font-weight: bold;color: white;font-size: 14px;background-color: #036fff;height: 25px;background-image: url(bar.png);background-size: cover;}.installtbl {background-color: #eeeeee;}#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}#content {position:relative; z-index:1; padding:10px;}</style></head><body><div id="page-background"><img src="bg.png" alt="" height="100%" width="100%"></div><div id="content"><div style="text-align: center;"></div><h1 style="text-align: center;">Rain's Web Gallery v0.0.4 apha</h1><span style="font-weight: bold;"></span><table class="installtbl" style="width: 800px;" align="center" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td><h2 style="">Installation</h2></td></tr><tr><td style="width: 892px;">Enter information requiredfor installation of yourgallery<br><form method="post" action="./install.php" name="install"><div class="infobar">Database configuration</div><table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="width: 151px;">Database server:</td><td style="width: 615px;"><input size="35" name="dbs" value="localhost"></td></tr><tr><td style="width: 151px;">Server port:<br><div class="extra">(This can be left empty)</div></td><td style="width: 615px;"><input size="35" name="dbport"></td></tr><tr><td style="width: 151px;">Database user:</td><td style="width: 615px;"><input size="35" name="dbuser"></td></tr><tr><td style="width: 151px;">Database password:</td><td style="width: 615px;"><input size="35" name="dbpass" type="password"></td></tr><tr><td style="width: 151px;">Database name:</td><td style="width: 615px;"><input size="35" name="dbname"></td></tr></tbody></table><br><div class="infobar">Administrator configuration</div><table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="width: 150px;">Administrator email:</td><td style="width: 616px;"><input size="35" name="email"></td></tr><tr><td style="width: 150px;">Administrator account:</td><td style="width: 616px;"><input size="35" name="account"></td></tr><tr><td style="width: 150px;">Administrator password:</td><td style="width: 616px;"><input size="35" name="accpw" type="password"></td></tr><tr><td style="width: 150px;">Administrator password: (confirm)</td><td style="width: 616px;"><input size="35" name="adminpasconf" type="password"></td></tr></tbody></table><br><div class="infobar">Advanced settings (Do notchange these settings unless you know what you are doing)</div><table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="width: 151px;">General table:</td><td style="width: 615px;"><input size="35" name="general" value="general"></td></tr><tr><td style="width: 151px;">Users table:</td><td style="width: 615px;"><input size="35" name="users" value="Users"></td></tr><tr><td style="width: 151px;">Images table</td><td style="width: 615px;"><input size="35" name="images" value="Images"></td></tr><tr><td style="width: 151px;">Ratings table</td><td style="width: 615px;"><input size="35" value="Ratings" name="Ratings"></td></tr></tbody></table><div style="text-align: center; color: rgb(0, 153, 0); font-weight: bold;"><input size="35" name="submit" value="Install" type="submit"></div></form></td></tr></tbody></table><span style="font-weight: bold;"></span></div></body></html> Link to comment Share on other sites More sharing options...
Ingolme Posted May 24, 2011 Share Posted May 24, 2011 The background-size property is from CSS 3 and not all browsers support it yet. There's nothing you can do about Internet Explorer at the moment. Link to comment Share on other sites More sharing options...
rain13 Posted May 24, 2011 Author Share Posted May 24, 2011 Is there any other/alternative way to code what I want? Or do you know pages that have done this and that works with IE? Then I could just view page source to see how it's done. Link to comment Share on other sites More sharing options...
Ingolme Posted May 24, 2011 Share Posted May 24, 2011 No, there's no other way.Any sites that have resized background images are using actual <img> tags and changing their width and height. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.