SA Developer .NET

I've just received an image for the top banner of a site I'm busy on, and the guy who made it put lots of empty colour on both sides of the main image, so that regardless of screen width, we can always have the main image in the centre, equidistant from the sides.  How can I mark up this image to achieve this, if I even can?  Right now, as a plain image, it's fully left aligned and is broadening its TD to the right, off the screen.  I <s>need </s> want to dynamically always have the centre of the image at the centre of my screen, with both sides cropped

---

Unscrambling Eggs: Decompiling ASP.NET

I'm not sure what you mean. Do you want to align it in the center of the page, both vertically and horizontally? I'm thinking if it's a banner just wrap it in a div and in the css just say

#myPrettyBannerThingy {

clear: center; /* don't know if it is middle or center. didn't test. */

}

---

I'm going to regret forging this...

Try using <center></center>

Hi riaans,

never use <center></center>. Those tags are legacy, as far as I am concerned. I am sure that like the name attribute in the form tag, <center></center> will be deprecated in HTML 5.0

---

I'm going to regret forging this...

I used this:

background-image: url(imageurl);
background-repeat: no-repeat;
background-position: center top;

 

 

---

Unscrambling Eggs: Decompiling ASP.NET

Now I understand what you were trying to do.

I thought you wanted an image in the foreground, but no, I was wrong

---

I'm going to regret forging this...

There is nothing in the foreground, it's an empty TD, so the background serves quite well.

---

Unscrambling Eggs: Decompiling ASP.NET

I feel like such a n00bcake now. If you remember my post on stretching a background-image, you'll notice that I basically had the code for you. Anyway, was validating my website now and it failed the xhtml 1.0 strict validation

---

I'm going to regret forging this...