View Full Version : Different Browsers...Different Looks...???

07-12-2011, 05:27 AM
hello all...

using Dreamweaver 2004 (macromedia). sometimes my pages look the same on different browsers...sometimes they dont.

take this one, for example (which was coded to look correct in IE7):


in IE8; & also in Firefox (the latest version)...the text & horizontal bars wind up being positioned incorrectly.

any ideas...???



07-12-2011, 08:30 AM
You can use border-bottom CSS property for text containers...

07-12-2011, 09:00 AM
Basically, the problem is dreamweaver. Dreamweaver lines up all these divs (layer1, layer2, layer3 etc) and puts them in an absolute position. It will do this as soon as you start grabbing an element and dragging it around in the wysiwyg editor.

Because all positions are absolute; this is a bit tricky to fix. My suggestion would be to recode the whole page, and setting all the divs to position: static (the default). Then you can nicely align everyting below each other, assign borders the right way, and so on.

good luck!

07-12-2011, 10:11 AM
I suggest you not to use position property unnecessarily.....

keep your CSS code as simple as you can... :)

Let me know for further help

07-12-2011, 01:39 PM
Just for the record, newer versions of dreamweaver dont position div elements at all. Never used DW 4, I started with CS3, so I cant comment for sure on your version. I know earlier versions DID in fact us AP elements.

As stated in a previous post, you could go in a strip out all the AP rules and other uneccessary css and then rework.

I would also fix all your coding errors that can be seen here (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.moonmixstudios.com%2Fmusicsamples.htm&charset=%28detect+automatically%29&doctype=Inline&group=0). Some wouldn't matter either way with your issue, but some, mismatched opening and closing tags such as the <a> tag, would definately break a layout.

07-15-2011, 10:52 PM
You have a number of coding errors. There's no way to get your page looking the same on different browsers when they can't agree on what they see. Check the report here: http://validator.w3.org/check?charset=(detect+automatically)&doctype=Inline&group=0&uri=http://www.moonmixstudios.com/musicsamples.htm