SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Don't eat yellow snow spaceman's Avatar
    Join Date
    Mar 2001
    Location
    Melbourne, Australia
    Posts
    1,039
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS positioning - HTML example works, XHTML example doesn't. Demo links included.

    Hi fellow SitePointers,

    I'm experiementing with the positioning of marks on a map using CSS positioning.

    My problem is: my validated XHTML example doesn't work (the mark is defaulting to the top-left of the map, regardless of the position value I give it), but my HTML version of the same page does.

    XHTML version:

    http://www.itomic.com/sitepoint/css_..._pos_xhtml.htm

    HTML version:

    http://www.itomic.com/sitepoint/css_...s_pos_html.htm

    Click on either of these links, and then you'll be able to toggle between the two (watch the yellow cross move - it should be in the same place - left 300 top 150 - on BOTH pages).

    In other words, the only difference between these two demo scripts is that one has an XHTML 1.0 Transitional DOCTYPE definition at the top of the page, the other has an HTML 4.01 Transitional DOCTYPE.

    I'm a big fan of XHTML (future-proofing in preference to backwards compatibility) hence my desire to get this working in a valid XHTML web page.

    Can anyone help me solve my CSS problem in an XHTML valid way?

    Oops - nearly forgot - I'm viewing the page using IE6.0.

    Thanks in anticipation.
    Last edited by spaceman; Jul 19, 2002 at 23:50.
    Web Design Perth Melbourne .:. Itomic Business Website Solutions
    Drupal Experts .:. Drupalise

  2. #2
    Web-coding NINJA! silver trophy beetle's Avatar
    Join Date
    Jul 2002
    Location
    Dallas, TX
    Posts
    2,900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Uhhh, this may be a browser issue, becuase both look just fine here.

    IE 5.0
    Windows 2K Pro

    Good luck
    beetle a.k.a. Peter Bailey
    blogs: php | prophp | security | design | zen | software
    refs: dhtml | gecko | prototype | phpdocs | unicode | charsets
    tools: ide | ftp | regex | ffdev




  3. #3
    SitePoint Zealot Hulkur's Avatar
    Join Date
    Oct 2001
    Location
    Estonia
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Opera 6.04 on NT 4 - OK
    Mozilla 1.0 on NT 4 - Not OK
    Last edited by Hulkur; Jul 21, 2002 at 15:45.
    (2B) or (not 2B) = FF

  4. #4
    Don't eat yellow snow spaceman's Avatar
    Join Date
    Mar 2001
    Location
    Melbourne, Australia
    Posts
    1,039
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your comments.

    I posted the same problem over in the XHTML forum, and got the answer: I should have been using 'px' alongside my inline CSS positioning values.

    http://www.sitepointforums.com/showt...threadid=68991

    So now both my demo pages (which will be removed shortly) work 100%.

    Thanks.
    Web Design Perth Melbourne .:. Itomic Business Website Solutions
    Drupal Experts .:. Drupalise


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
  •