...

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



mark4man
07-12-2011, 06: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):

http://www.moonmixstudios.com/musicsamples.htm

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

any ideas...???

thanx,


mark4man

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

majunior
07-12-2011, 10: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!

vikram1vicky
07-12-2011, 11: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

teedoff
07-12-2011, 02: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.

jalarie
07-15-2011, 11: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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum