SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Zealot martin's Avatar
    Join Date
    Jun 2001
    Location
    London
    Posts
    138
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    microsoft browser hell...

    O.K. I'm trying to be good and build a new site XHTML and CSS compliant but I have a couple of problems that are driving me nuts! Any CSS gurus out there got answers to the following...

    You can view the test page at:-

    http://www.powerhouseuk.com/rs/test7.html

    (sorry - tried using the link button but it does not seem to work with IE 5 mac?)

    Anyway the problems...

    (a) IE 6 seems to mis match the height of the logo box and the profile box at the top (although every other browser I checked works fine (netscape 7, camino, safari, IE 5, IE 5.5 PC and IE 5 mac)

    (b) IE 5 PC adds in loads of blank space at the top of the page, this seems to be down to the form elements on the left hand column, if I take this out the gap disappears, any way around this???

    Any clues as to whats going on greatly appreciated!!!
    Martin

  2. #2
    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 a Mac user so I can't see the problem to be able to offer help on the first question.

    Quote Originally Posted by martin
    (b) IE 5 PC adds in loads of blank space at the top of the page, this seems to be down to the form elements on the left hand column, if I take this out the gap disappears, any way around this???
    Try placing the <form> and </form> tags outside of a 'physical' container.

    e.g.

    Code:
    ...</div>
    
    <form ...>
    
    <div>...
    ...</div>
    
    </form>
    
    <div>...
    or
    Code:
    ...</td>
    
    <form ...>
    
    <td>...
    ...</td>
    
    </form>
    
    <td>...
    Don't forget to correctly 'nest' the tags. (i.e. XHTML 'well-formedness')


    p.s.
    I've just noticed that this is my 1000th post.
    Yay?
    New Plastic Arts: Visual Communication | DesignateOnline

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

  3. #3
    SitePoint Zealot martin's Avatar
    Join Date
    Jun 2001
    Location
    London
    Posts
    138
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for posting.. Chimera 0.6 now Camio 0.7.

    I'm a Mac user myself, but still have to make sure my sites work in Windoz, thanks for the tip, I'll give it a go!
    Martin

  4. #4
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Bill Posters
    Try placing the <form> and </form> tags outside of a 'physical' container.
    [...]
    Don't forget to correctly 'nest' the tags. (i.e. XHTML 'well-formedness')
    unfortunately, unless i'm mistaken, those two pieces of advice are contradictory. using the trick of placing form tags outside of, say, table data or table row tags breaks xhtml rules.

    if the form is really the culprit, try using CSS to remove any margin around it
    Code:
    form { margin: 0; }
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  5. #5
    SitePoint Zealot martin's Avatar
    Join Date
    Jun 2001
    Location
    London
    Posts
    138
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by redux
    unfortunately, unless i'm mistaken, those two pieces of advice are contradictory. using the trick of placing form tags outside of, say, table data or table row tags breaks xhtml rules.

    if the form is really the culprit, try using CSS to remove any margin around it
    Code:
    form { margin: 0; }
    Thanks for both tips, although neither seem to work. It is obviously a bug in IE5 as the page displays correctly in everything else. Even in IE the page will display correctly sometimes but mis-draws on holding shift and refresh...

    I think I will need to do a major rethink just to support this browser!
    Martin

  6. #6
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by redux
    unfortunately, unless i'm mistaken...
    You are.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    	<title>Untitled</title>
    </head>
    
    <body>
    
    <div></div>
    
    <form method="get" action="blah.html">
    
    <div></div>
    
    </form>
    
    <div></div>
    
    </body>
    </html>
    Quote Originally Posted by w3c markup validator
    This Page Is Valid XHTML 1.0 Strict!
    New Plastic Arts: Visual Communication | DesignateOnline

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

  7. #7
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Bill Posters
    You are.
    not when it comes to the second example you gave, with the <td> elements...
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  8. #8
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fair point, bit of ghost code imprinted on my psyche.

    However, what kind of amateur uses tables for layouts*?
    (* forms included)



    <edit>

    I suppose it could be argued that if someone is using tables for layouts, then they are coding for 'real/old-world' scenarios and not 'new-world' scenarios (where validation holds more weight).
    There are bound to be caveats in that argument, but I only have time to be superficial right now.

    </edit>
    Last edited by Bill Posters; Mar 19, 2003 at 01:11.
    New Plastic Arts: Visual Communication | DesignateOnline

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


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
  •