hi, i want a 100% width background and i have made a 1000px background image for fullscreen on 768x1024 resolution but i dont think thats the way to do it. i was afraid if i made my wrapper width: 100% that the background image wouldnt work with it. also i was wondering if anyone knows a relatively easy way to get a small rounded border around your div? the ones i found on google were extremely complicated and i didnt understand them. any help GREATLY appreciated. thanks.
derek

Hey, i think it is not possible to have a background image not stretching.
I personally always use a very small image and let it repeat. Also reduce your Site load a lot.

About the rounded corners. Css 3 gives a nice feature, but only for Firefox and Safari Browsers i think

PHP Code:

.myclass {  
border: 1px solid #a2bfce;
 -moz-border-radius-topleft: 5px;  
 -moz-border-radius-topright: 5px;  
 -moz-border-radius-bottomright: 5px;  
 -moz-border-radius-bottomleft: 5px;  
 -webkit-border-top-left-radius: 5px;  
 -webkit-border-top-rightright-radius: 5px;  
 -webkit-border-bottom-left-radius: 5px;  
 -webkit-border-bottom-rightright-radius: 5px;  
 } 


oe in short if you use the sae px on all corners

PHP Code:

.myclass {  
border: 1px solid #a2bfce;
 -moz-border-radius: 5px;  
 -webkit-border-radius: 5px;  
 } 


Hope that helps a bit

great thanks very much for taking the time for that. also, do you know of a semi-simple way for all browsers? thanks. derek. that firefox code is great, i wish it worked for ie6, why always the problems with IE, im REALLY beginning to hate the IE browser. thanks . derek

Hey, no i think there is no way for round css border in IE. All we could do is wait for IE8 to interact with the new Css3 features.

Alternative you would need to design a background image for that Div, then you can lay that image behind your div, style it it bit with padding / margin to move it to the place you need.

great thanks very much for helping me Basti! i will just have to deal with IE the way it is LOL. thank you for the help and advice. i appreciate it. have a good day . derek

No Problem, glad i could help a little.

For the background, you could just create a really thin image, then have it repeat with a solid color after it:

body
{
background:url(images/background-url.png) repeat-x top #your-color;
}

Hey, no i think there is no way for round css border in IE. All we could do is wait for IE8 to interact with the new Css3 features.

Sorry, but that's not true and it's hardly a viable solution. There ARE ways to get rounded corners in IE, including some jQuery solutions.

http://www.smileycat.com/miaow/archives/000044.php

Nice Info, thanks
But there arent any solutions with pure css codes like Firefox right?
I mean something without jquery or images.

Did not read through all, but as i know off there isnt any solution for IE like the css3 code above ( thats why i posted it ).
If there is, i would like to know, could be handy for me as well.