Re: how to tile/stretch a header image in css

Ok, so how does one instrument the usage of css3 thanks _ Get a FREE small business Web site and more from Microsoft® Office Live! http://clk.atdmt.com/MRT/go/aub0930003811mrt/direct/01/ -

Re: how to tile/stretch a header image in css

Thanks Juan... Aside from creating the image oversized with image editor and scaling from there... I am left with JSON and Ajax. Here are my nodes... html, body { height: 100%; margin: 0; padding: 0; } div#header { height: 94px; margin: 5;

Re: how to tile/stretch a header image in css

CSS3 can do it, but it's probably not widely supported. Daniel

Re: how to tile/stretch a header image in css

Juan... also your css styles of width/height have no effect when i remove the immediate ones from the IMG tag. _ Puzzles, trivia teasers, word scrambles and more. Play for your chance to win! http://club.live.com/home.aspx?icid=CLU

Re: how to tile/stretch a header image in css

Here is my latest code... if anyone can get it to stretch I would be greatful. You can paste it in this website to render it... http://www.w3schools.com/css/tryit.asp?filename=trycss_dim_min-width_percent div#header { height: 94px; width: 95%; margin:0 auto 0 aut

Re: how to tile/stretch a header image in css

Ok, I respect your attempt... but your using the tag. The solution I am seeking does not use because the background is already specified and made visible by the CSS. I am trying to find out HOW to stretch this thing only in CSS using id=""/> Any other takers? Unless you can get that to ope

Re: how to tile/stretch a header image in css

Cobbled this together from a site, does it help? /* pushes the page to the full capacity of the viewing area */ html {height:100%;} body {height:100%; margin:0; padding:0;} /* prepares the background image to full capacity of the viewing area */ #bg {position:fixed; top:0; left:0; width:100%; h

Re: how to tile/stretch a header image in css

I wrapped the div with one called headerLayout... still not stretched. div#header { height:94px; width:80%; margin:0 auto 0 auto; background: #fff url( logocss.gif ) top left no-repeat; } div#headerLayout { width: 100%; height: 100%; }

Re: how to tile/stretch a header image in css

Evan thanks for the follow up... but things are not working. I am not sure I understood. Well I guess I did not understand how you semantically wanted things wrapped? then wrap that div with another div called headerContainer{}, use that to control layout positioning of your inner header div

Re: how to tile/stretch a header image in css

ED]> To: Sent: Tuesday, July 03, 2007 11:14 AM Subject: how to tile/stretch a header image in css Sorry folks if this does not belong in this group but I think it might. I have the following: div#header { color: black; clear: both; padding: 0; height: 94px; margin: 5px 5px 5px 5px; ba

Re: how to tile/stretch a header image in css

D]> To: Sent: Tuesday, July 03, 2007 11:14 AM Subject: how to tile/stretch a header image in css Sorry folks if this does not belong in this group but I think it might. I have the following: div#header { color: black; clear: both; padding: 0; height: 94px; margin: 5px 5px 5px 5px; ba

Re: how to tile/stretch a header image in css

Ken, At this point, you would benefit more by going through some CSS tutorials. (I don't know of any useful CSS forums). There, you will probably be exposed to even more neat things you can do. You can search Digg for CSS and you should be able to find some good tutorial sites. Good luck!! O

how to tile/stretch a header image in css

Sorry folks if this does not belong in this group but I think it might. I have the following: div#header { color: black; clear: both; padding: 0; height: 94px; margin: 5px 5px 5px 5px; background: #fff url( images/header.jpg ) top left no-repeat;