SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2003
    Location
    Connecticut
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    div/css issues in mozilla/ie

    http://dotdan.com/dotdan/dotdan/full.html

    Basically, I need it how it looks in ie, with the colorbars flush to the right of the main table, along with it all being centered.. Mozilla doesn't even let me put <a>'s in a div.. I've tried asking people and #web@irc.freenode.net, and neither could help.. anyone have any idea how to get this to work/could tell me how to align two divs next to eachother (like using a span)?

  2. #2
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmmm, in "my" IE the three colorbars are to the left?

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2003
    Location
    Connecticut
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, that's because I used to use <span> to align them, but Mozilla wouldn't let me nest <div> and <span> together..

  4. #4
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I;m not altogether sure what you are talking about as Moz definately has no problems nesting either <span> tags or <a> tags in side <div>s.

    Also, I'm not sure why you have an application character encoding meta tag instead of the more appropriate:
    Code:
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    ---

    Also, fwiw, I hear that the:
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    can create compliancy behaviour issues in some browsers, so that is worth dumping.

    ---

    To get two divs to 'behave' like spans simply specify:
    Code:
    #divid1, #divid2 {
    display: inline;
    }
    If they are large content containers then it may be better to set float and clear attributes, but without really knowing how the correct appearance looks I can't make a specific recommendation.

    You will still need to follow the correct structuring in order to validate (i.e. you can't nest divs inside true inline elements even if the div is set to display as an inline (rather than the default block)

    Can you post a screenshot of how it is meant to appear?
    It would help me to understand where the problems areas supposedly are.

    The code is so simple there should be no problem at all getting to appear consistantly in both Moz and IE versions.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  5. #5
    SitePoint Zealot
    Join Date
    Apr 2003
    Location
    Connecticut
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check it out in IE now.. it looks perfect except that the nav has an extra pixel or two on the right that I can't get rid of..

    Now look in Mozilla. See the problem?

    Offnote, the tabs will change the mouseover colors of the nav.. would you suggest PHP+Cookies or Javascript+Cookies? I'm leaning toward PHP..

    Also, you own betasource.org? That used to be the domain I wanted for my site two years ago. :P

    EditNote: Should I link to a stylesheet or import it?
    Last edited by dotDan; Apr 19, 2003 at 15:45.


Bookmarks

Posting Permissions

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