Solved

How to make transparent image wider?

Posted on 2006-10-19
3
220 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

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Suggested Solutions

Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

757 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now