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.
Page 1 of 3 123 LastLast
Results 1 to 15 of 32
  1. #1
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Different renderings in IE and Mozilla

    http://www.graphics-forum.com/manicpyro/test1.html
    http://www.graphics-forum.com/manicpyro/test2.html

    The first page (test1) works exactly like i want it to in IE, but not Mozilla. The second page (test2) doesnt work in either, due to the fact that I have removed the xml declaration. I want it to look like the first page in Mozilla and IE without the declaration. How would I go about doing that?

  • #2
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    [:Edit:] no longer a 404...

    The XML prolog throws iew into quirks mode, which is the cause for the difference.

    Try changing it to incorporate this: these:
    Code:
    div#button {
        margin: 0 auto;
    }
    
    div#button div{
      display: block:
      float: left;
    }
    
    div#Cont{
      clear: both;
    }
    Last edited by liorean; 01-23-2004 at 08:30 PM.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #3
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts
    A lot better, but still no go.

  • #4
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    div#buttons div a {
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #424242;
      display: block;
    }
    a tags are inline by default.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #5
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts
    That doesnt change anything, and I wanted them inline by the way.

  • #6
    Master Coder
    Join Date
    Feb 2003
    Location
    UmeŚ, Sweden
    Posts
    5,575
    Thanks
    0
    Thanked 83 Times in 74 Posts
    If you have the a elements inline, only the text will be clickable. If you have the a elements as blocks, the entire tabs will be clickable. It's up to you, really, but I suggest you go with the block formatting.
    liorean <[lio@wg]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

  • #7
    Senior Coder
    Join Date
    Aug 2002
    Location
    Kansas City, Kansas
    Posts
    1,518
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Oh ok i understand now, sorry bout that me'. It still isnt changing much in terms of the way they are layed out.

  • #8
    Regular Coder
    Join Date
    Dec 2003
    Location
    USA
    Posts
    230
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You might find these two links helpful:

  • #9
    Regular Coder
    Join Date
    Aug 2003
    Location
    Loughborough University
    Posts
    427
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I came accross this thread and I noticed that you were having CSS layout problems, I'm quite good at creating valid cross-browser CSS layouts so I thought I'd help out.
    Unfortunately, I'm not very good at fixing other people's layouts, so I completely re-wrote it. I tried to incorporate as much of your CSS as possible into mine and leave your HTML alone, although the HTML got altered a bit and you should notice a few inline styles around the links, I also replaced your alt tags in the links for title tags, since the alt tag is only supposed to be for specifying alternate text for images.

    The layout works perfectly in all of these browsers:
    IE 5.5 6.0, Moz 1.4 1.5, Moz FB 0.6 0.7, NN 6.22 7.02 7.10, Opera 7.23

    Breaks a tiny littly bit in:
    IE 5.0, Opera 7.11 (In both of these browsers, the cont div runs a little longer than the welcome div, no big deal.)

    Fails catastrophically in:
    NN 4.79, Opera 5.02 6.00 (You can't have everything .)

    If you would still rather use your own layout then I understand, I would also rather publish what I'd written myself, so I won't feel put-out if you choose to carry on fixing your own, honest . All browser testing was done on this PC, Win XP Home.

    Edit: When I make my own layouts I never use ID's, only classes, so I like to use very specific CSS selectors. With this layout, even though there are ID's everywhere I have still used very specific selectors, they aren't really neccesary so you might as well just delete them. I used them here because to me it makes the code more readable, since that is what I'm used to.
    Attached Files Attached Files
    Last edited by lavalamp; 01-25-2004 at 02:57 AM.
    AMD Athlon "Barton" XP 3200+ (11*200.5MHz = 2.2GHz)
    BFG GeForce 6800 Ultra OC 256Mb
    3 * Kingston 256Mb PC3200 DDR400
    Seagate Barracuda 120Gb Ultra ATA-100 and Seagate Barracuda 160Gb, SATA-150

  • #10
    Banned
    Join Date
    Jan 2004
    Location
    Minneapolis, MN
    Posts
    387
    Thanks
    0
    Thanked 0 Times in 0 Posts
    perhaps you could help me then. i'm working on this site at work:

    http://www.esultants.com/d/dsm/

    now, i've been desining for IE6 and FB.7 mostly. the latter because it's my personal choice, and a good representation of a standards compliant browser, as i understand it. but i also understand that IE6 is a considerable improvement over past versions in that department. i checked this site in IE, and it comes up rendering in strict CSS 1 mode. FB claims the same.

    but the layouts have several subtle differences that are beyond me. see this page and browse this section in particular for examples of the two. be sure to check between browsers.

    http://esultants.com/d/dsm/index.cfm?p=boats

    even worse, is that IE5 totally ruins it because of inappropriate sizing of some of the main DIVs, i believe. i haven't adequately investigated it yet though. but i really just wanna tell my boss at work to upgrade his stupid browser, and tell him that since it's free, everybody else should too! gah..

  • #11
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey man, you shouldn't hijack old threads
    Your only reducing how many people see your problem by not posting a fresh thread.

    p.s. welcome to the forums

    edit: While I'm replying to your post, I should at least provide some sort of help.
    On your boats navigation (New, used,...)
    your buttons become totally white for a second or two even on fast broadband. What you need to do is combine the two images (menu_li_bg.gif + menu_li_over_bg.gif) and during the :hover state, move the background-image-position:; so as to reveal the hover bg.
    This is (basically) the fabled "Pixy CSS Rollovers"
    Last edited by mindlessLemming; 01-25-2004 at 02:01 PM.

    I take no responsibility for the above nonsense.


    Left Justified

  • #12
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    And, if you didn't follow Andrew's description, here's the documentation.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #13
    Banned
    Join Date
    Jan 2004
    Location
    Minneapolis, MN
    Posts
    387
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks guys, but that won't work for dynamic widths!

    one solution i read of but haven't tested yet is setting the background images i want to "preload" as actual IMG tags at the beginning of the document. then using styles, just set their display to "none" or give them a position that would render them off screen. that way, they are already cached when those buttons use them for the background.

    and i didn't post in a new thread because i know how sometimes forum readers don't like unecessary clutter. but thanks.

  • #14
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes it will. Think about it, and if you can't work it out, I'll tell you.

    I take no responsibility for the above nonsense.


    Left Justified

  • #15
    Banned
    Join Date
    Jan 2004
    Location
    Minneapolis, MN
    Posts
    387
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ooh. saucy! hehe.. but okay! i'll think about it. and get back to you.


  •  
    Page 1 of 3 123 LastLast

    Posting Permissions

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