1 How to centre an image for all browsers? Wed Jun 01, 2011 11:14 pm
lisa1302
Registered Member
Hi!!
I hope someone can help me here!
http://www.babiesandall.com/ you can see my flash banner at the top there - I have actually placed it in the header template and have a blank image (of the same dimensions as the swf) set as main logo in pics management...I have ended up doing it this way because for some reason if I put it in site description (as per tut on FM) it screwed up where everything else was.
So currently my div is this
<div id="toplogo">
<embed src="HTTP://www.babiesandall.co.uk/4thflashbanner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="270"></embed>
</div>
and my css
#toplogo {
position: absolute;
right: 250px;
top: 20px;
}
That places it central on my screens, but thats widescreen, and it doesn't sit central on another I checked
How can I , if I can at all, get the image to sit 20px from the top and also be be central?
Thank you!!!!!!!
I hope someone can help me here!
http://www.babiesandall.com/ you can see my flash banner at the top there - I have actually placed it in the header template and have a blank image (of the same dimensions as the swf) set as main logo in pics management...I have ended up doing it this way because for some reason if I put it in site description (as per tut on FM) it screwed up where everything else was.
So currently my div is this
<div id="toplogo">
<embed src="HTTP://www.babiesandall.co.uk/4thflashbanner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="270"></embed>
</div>
and my css
#toplogo {
position: absolute;
right: 250px;
top: 20px;
}
That places it central on my screens, but thats widescreen, and it doesn't sit central on another I checked
How can I , if I can at all, get the image to sit 20px from the top and also be be central?
Thank you!!!!!!!