View Full Version : Positioning a Button in CSS

03-05-2007, 05:44 PM
Hi All,

My issue concerns the movement of the elements of my website entry page. I have a background image and an entry button, and when positioned , both display differently to how viewed in 'design view', and also move about in different browsers (IE, FireFox). To fix the background image issue i created a new CSS rule and aligned the Bg image to the centre, this worked perfectly. I then tried to 'Lock' the position of the button (seen as a table in DW) by creating another CSS rule and positioning the 'table'. This doesn't work as even if i get the button in the right spot, the browser displays it differently.

Is there any way i can lock the position of the button to the Bg image? Open to suggestions if there is an easier way to do this.

Thanks for your time,


03-05-2007, 06:30 PM
Welcome to the forums Ad!

I think you should forget about positioning for now, it can be tricky if you don't understand the meaning of relative/absolute positioning. If you do want to continue the positioning technique, read this (http://www.dreamweaverclub.com/forum/showthread.php?t=23515)so you can come back with some detailed information.

Do you want both items, the background and the button, to be centered?
If so, this tutorial might be a better way of doing it:

03-06-2007, 10:45 AM
show me the design

03-06-2007, 09:35 PM

Thanks for the rapid response gentlemen. We've been looking into CSS Positioning today and unearthed a veritable Behemoth of information. For now we're gonna take your advice and concentrate on the rest of the site while we get our heads around all the info we've sourced.

Cheers for the Advice

Ad n' Phil

P.S. We'll Be Back...