Solved

How to make transparent image wider?

Posted on 2006-10-19
3
230 Views
Last Modified: 2010-04-09
So far I have <style type="text/css">
<!--
html, body {
     background-image: url(pics/content.gif);
     background-repeat: no-repeat;
     background-attachment: fixed;
}
--> how do I make the image wider?
0
Comment
Question by:jeff640
3 Comments
 
LVL 9

Accepted Solution

by:
marchiano earned 50 total points
ID: 17771356
what if you use div tag?
see sampe below, it strecth background image to 100%

<html>
      <head>
            <style type="text/css">
                  html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
                  body {font-family:verdana, arial, sans-serif; font-size:76%;}
                  #background{position:absolute; z-index:1; width:100%; height:100%;}
                  #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
                  #content {padding:5px 300px 20px 200px;}
                  p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
            </style>
      </head>
      <body>
            <div><img id="background" src="bean.bmp" alt="" title="" /> </div>
            <div id="scroller">
                  <div id="content"><!-- Content here!!! --></div>
            </div>
      </body>
</html>

0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
multiple selects 23 62
Output to HTML in powershell 3 37
Date on a table 16 33
Regular Expression needed 4 13
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

713 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question