Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Member fromtheinside's Avatar
    Join Date
    Apr 2006
    Posts
    43
    Member #
    13006
    My site's layout is off a bit in IE and a little off in Chrome and safari. Its perfect in Firefox.

    What code do I need to add to fix this.

    Is there a way I can specify a different style sheet if the browser is IE?

    http://linkinpark.digital-human.net

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    You have a lot going on in that site, collapsible panels, widgets, and a ton of nested tables. Way too much happening for a home page in my opinion. This is going to cause some discrepencies here and there and there isn't anything anybody can do, unless they want to sift through nested tables. Your too far gone to change it now, but your going to have to expect some rendering issues.
    Not trying to get on you about tables, it's just that it's where the problem most likely is.

    By the way, how does that Cbox do with different browsers? I'm looking into that right now for a client.

    EDIT::: Yes you can have different style sheets for IE. Here's a great place to find out how

  4. #3
    Member fromtheinside's Avatar
    Join Date
    Apr 2006
    Posts
    43
    Member #
    13006
    ok i fixed it... but anyway, I know about the tables. Im trying to convert everything over. but i don't know how to do the stuff that is in like the collapsible panels and everthing.

    how do you do a rows and columns kinda thing with css?

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    With CSS, you use <div> instead of table, and you float them left to
    align them side by side. You can also nest them.

    There are some quirks to doing this that will make a <table> user cringe, but once
    you get the hang of it, you'll realize that the page XHTML (or HTML code) is so much
    easier to follow. It just flows better.


  6. #5
    Member fromtheinside's Avatar
    Join Date
    Apr 2006
    Posts
    43
    Member #
    13006
    ah ok cool. ill work on learning that, thanks.

  7. #6
    Junior Member
    Join Date
    Apr 2009
    Posts
    5
    Member #
    18792
    Quote Originally Posted by fromtheinside
    My site's layout is off a bit in IE and a little off in Chrome and safari. Its perfect in Firefox.

    What code do I need to add to fix this.

    Is there a way I can specify a different style sheet if the browser is IE?

    http://linkinpark.digital-human.net
    You can change the css of the site rather simply.
    Set up the external css link rel to have an id, then with javascript you can change the href source for the css based on the browser type.
    Typically when using heavy css, divs and not tables are used, however tables work better cross browser simply because they are an older method, not all browsers treat the float property the same, and pixel dimenssions are different from system to system. Most all div solutions use absolute positioning which leads to browser compatability issues, eg having to have a different style sheet for each browser.
    hope this helps


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:59 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com