#1
  1. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258

    Opera not showing correctly


    devwebsites.com/sitedevs/

    Anyway, FF3 and Safari show up fine. I used conditional comments to get rid of what Opera is showing, and to make it look like FF3. However since Opera is displaying this behavior I guess I need to figure out what the actual problem is. Any input on it?
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL
  2. #2
  3. Classical Computing
    Devshed Novice (500 - 999 posts)

    Join Date
    May 2008
    Location
    Melbourne, Australia
    Posts
    891
    Rep Power
    106
    Well, I see that you have a bottom margin on the username and password inputs but not the other bits. So maybe something like this would help:

    Code:
    div#nav input.submit, div#nav label, div#nav form a {
      margin-bottom: 24px;
    }
    PS Why not post active links rather than text ones?! Makes it easier to open your site in a new tab and jump back and forth.
    Simple is beautiful.
  4. #3
  5. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258
    1) Inputs fine there, but the label and <a> are still down.

    2) Screws up FF so it can't work.
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL
  6. #4
  7. Classical Computing
    Devshed Novice (500 - 999 posts)

    Join Date
    May 2008
    Location
    Melbourne, Australia
    Posts
    891
    Rep Power
    106
    Then what about setting a fixed height on the nav div? That should stop stuff moving about.
    Simple is beautiful.
  8. #5
  9. No Profile Picture
    Permanently Banned
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2008
    Posts
    2
    Rep Power
    0
    that wont work arem cuz if you do fixed height thn that works. but if you add your code snippet in itll screw ff up.
  10. #6
  11. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258
    Boltz was right. Any more ideas ?
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL
  12. #7
  13. Classical Computing
    Devshed Novice (500 - 999 posts)

    Join Date
    May 2008
    Location
    Melbourne, Australia
    Posts
    891
    Rep Power
    106
    Originally Posted by BoltZ
    that wont work arem cuz if you do fixed height thn that works. but if you add your code snippet in itll screw ff up.
    The second suggestion was an ALTERNATIVE to my code snippet. Surely with a fixed height (and the margins on some inputs removed) all the bits will be foreced to line up together.

    Anyway gs, you didn't actually describe the problem you are having. Maybe I am seeing seeing something different. In Opera 9.5 some bits are lover than others. Surely a fixed height on the nave whold prevent this happening, and FF should be quite happy.

    Comments on this post

    • groundscape agrees
    Simple is beautiful.
  14. #8
  15. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258
    Tricky: I had to keep margins, but reduce them + the fixed height (which before taking margins out, looked same in FF3).

    Thanks.
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL
  16. #9
  17. Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Jun 2001
    Location
    Right now? On my chair.
    Posts
    1,777
    Rep Power
    258
    And IE can remove conditional comments now.
    Use markup the semantic way. You wouldn't want your dog answering the phone for you, would you?
    HTML Validator || CSS Validator -- HTML / CSS Main forums. JavaScript and PHP...maybe
    Bones: HTML; Skin: CSS; Muscle: JavaScript; Brains: PHP; Memory: MySQL
  18. #10
  19. Classical Computing
    Devshed Novice (500 - 999 posts)

    Join Date
    May 2008
    Location
    Melbourne, Australia
    Posts
    891
    Rep Power
    106
    Glad it worked!

    Comments on this post

    • groundscape agrees
    Simple is beautiful.

IMN logo majestic logo threadwatch logo seochat tools logo