ok first off please look at the following images

http://monstermonsterstudios.com/clients/dropdesignstudio/Picture%207.png
http://monstermonsterstudios.com/clients/dropdesignstudio/Picture%208.png

What i want to do is if the window width is smaller than the width of the image i want it to keep going passed the left margin if that makes sense?

<div style="position:absolute; overflow:hidden; top: 58px; width:100%;" align="center"><img src="images/bg-image-1.jpg" width="1264" height="699" /></div>

Set the image as the background-image for this div.

commented: thanks +3

yeah that worked thanks, though i still had to put the img code in, setting the width to 0 so the background image would display but the actual image wouldnt.

<div style="position:absolute; top: 58px; width:100%; height:699; background-image:url(images/bg-image-1.jpg); background-repeat:no-repeat; background-position:center;" align="center"><img src="images/bg-image-1.jpg" width="0" height="699" /></div>

I think you can remove the image tag, if you set the div style to display: block;

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.