?
Solved

How to make transparent image wider?

Posted on 2006-10-19
3
Medium Priority
?
234 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 9

Accepted Solution

by:
marchiano earned 200 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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

777 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