[thelist] Background images and margins

Norman Bunn norman.bunn at craftedsolutions.com
Mon Apr 24 12:27:41 CDT 2006



Pringle, Ron wrote:

>Ron Pringle
>Norman wrote:
>
><SNIP>
> 
>  
>
>>#header 
>>{position:relative;width:100%;background:url(../images/headerb
>>g.png) top 
>>left repeat-x;background-color:900;margin:0 1px;}
>>
>>only indents on the left and runs flush on the right in IE and FF.  I 
>>have tried various combinations to try to get this to work, 
>>but with no 
>>success.  How do I get the background image to stop short of 
>>the right 
>>side by 1 pixel?
>>    
>>
>
>Norman-
>
>margin affects the space between the object and everything surrounding
>it. You'll want to use padding:0 1px; to affect the space between the
>contents and its border.
>
>Regards,
>Ron
>  
>
I tried padding and the 1 pixel to the left disappeared as well.  Do I 
need a div around the div to make this work?

Norman

---

Norman W. Bunn
norman.bunn at craftedsolutions.com
803.405.1008
----------------------------------------------
www.CraftedSolutions.com
Crafted Solutions, Inc.
Web Design & Development
Web Site Hosting & Custom Solutions
"Get the results the Internet promises;
 get the 'Net Result' from Crafted Solutions!"
----------------------------------------------




More information about the thelist mailing list