To start off, I’m kind of a beginner when it comes to CSS. So I’m sure this is an extremely easy and stupid question to ask, but nonetheless it’s killing me. I’m using Dreamweaver CS3.
I want to be able to position CSS elements exactly where they’ll show up on the internet. If I draw a new <div> tag (I’m in design mode) then it’s fine, but when I view the website, it’s out of place as to where it should be.
Click here to see my problem: http://www.abiblesoftware.com/feat_mac_e.html
Scroll down to the bottom where there are the four large buttons, and you’ll see that the titles of the button ("Gather Tool, "Search", etc.) are obviously lower/higher (depending on if you use Safari or Firefox) than they should be.
So, when I made that in Dreamweaver (since I’m new to CSS I’m sticking to design mode, so I don’t mess with the code much), it looks right, but when viewed online, the components are out of place.