Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Aug 2003
    Posts
    72
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Different Browsers...Different Looks...???

    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

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    You can use border-bottom CSS property for text containers...

  • #3
    New Coder
    Join Date
    Jun 2011
    Posts
    15
    Thanks
    0
    Thanked 2 Times in 2 Posts
    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!

  • #4
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    I suggest you not to use position property unnecessarily.....

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

    Let me know for further help

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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. 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.
    Last edited by teedoff; 07-12-2011 at 02:41 PM.
    Teed

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    Flint, Michigan, USA
    Posts
    632
    Thanks
    1
    Thanked 21 Times in 21 Posts
    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?charse...sicsamples.htm


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •