SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Zealot
    Join Date
    Mar 2003
    Location
    Maryland, USA
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry More NN4.7 frustration

    Once again I am foiled by NN4.7 and forced to ask for help.

    After reading many articles and posts to this column about a 3 column layout with headers and footers, I have not found one that renders reliably in the ancient browser...

    I thought that I would outsmart it by using a table with for the overall layout and then use div's inside it to avoid the nested tables performance hit. I ended up with code that looked something like this:

    Code:
    <table>
    <tr>
    <td colspan="3"><img src="/images/header.gif" /></td>
    </tr>
    <tr>
    <td width="33%">
    <div class="colhead">About Us</div>
    <div class="coltext">yadah yadah yadah yapity yap yap</div>
    <div class="colhead">Important Docs</div>
    <div class="coltext">yadah yadah yadah yapity yap yap</div>
    </td>
    <td width="34%">
    <div class="colhead">Our Mission</div>
    <div class="coltext">yadah yadah yadah yapity yap yap</div>
    <div class="colhead">Meet the CIO</div>
    <div class="coltext">yadah yadah yadah yapity yap yap</div>
    </td>
    <td width="33%">
    <div class="colhead">Search Us</div>
    <div class="coltext">yadah yadah yadah yapity yap yap</div>
    <div class="colhead">The rest of the Org</div>
    <div class="coltext">yadah yadah yadah yapity yap yap</div>
    </td>
    </tr>
    <tr>
    <td colspan="3"><img src="/images/footer.jpg"></td>
    </tr>
    </table>
    The styles colhead and coltext set the width to 100% and set text and background colors. Both browsers give me three equal columns, with the appropriate content in each however, in NN the table scrolls off the screen to the right.

    Any ideas on why this !@@#$ thing goes out of bounds?

    TIA

    Mike H.

  2. #2
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,350
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    taking a wild guess, width:100% in a div equates to 100% of the browser window

    try not setting a width on the div at all
    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  3. #3
    SitePoint Enthusiast DiDoKa's Avatar
    Join Date
    Oct 2003
    Location
    MA
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    is there any way you can just disregard that ancient browser alltogether, that's the easiest way out of the dilemma. (that's what i do lol). NN4.x is pretty lousy at understanding css and I do not see a reason (anymore) to fight a battle with that ancient monster, after all, I ain't watching black/white tv with sucky sound anymore either.

  4. #4
    100% Windoze-free earther's Avatar
    Join Date
    Feb 2003
    Location
    Linuxland
    Posts
    2,788
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Working with NN 4.7 isn't easy but all my sites need to render acceptably because a significant number of my visitors are using this browser. It takes a separate linked style sheet which eliminates certain rules that it can't handle and modifies those that need different margins (often negative) or font sizes etc. Then the rules need to be reset for other browsers. You'll get an idea if you take a look.
    Last edited by earther; Feb 12, 2004 at 08:44.

  5. #5
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mike,

    You might want to take a look at the article at the top of this forum "3 equalizing col+header+footer" by Paul O'B. I think he had a layout that worked in NN 4.7

    Hope this helps,

    John

  6. #6
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mike,

    I might have been mistaken on the above message, but did find the links I remembered that had accomplished a 3-column header+footer that worked in NN 4.7

    here they are:

    http://www.fu2k.org/alex/css/layouts...4_FMFM_C.mhtml

    http://www.fu2k.org/alex/css/layouts...N4_RWS_C.mhtml


    John

  7. #7
    SitePoint Zealot
    Join Date
    Mar 2003
    Location
    Maryland, USA
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DiDoKa
    is there any way you can just disregard that ancient browser alltogether, that's the easiest way out of the dilemma. (that's what i do lol). NN4.x is pretty lousy at understanding css and I do not see a reason (anymore) to fight a battle with that ancient monster, after all, I ain't watching black/white tv with sucky sound anymore either.
    Unfortunately I must continue to support this as it is what my customer uses on their intranet and it will be at least a year or more before the newer browsers make it through their approval process.

  8. #8
    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 mrhatch
    Unfortunately I must continue to support this as it is what my customer uses on their intranet and it will be at least a year or more before the newer browsers make it through their approval process.
    well, in that case, why not use a clean hybrid/transitional approach...still have a single layout table, but put proper IDs on each TD, and use css beyond that (i.e. no nested tables etc). in a year's time you can do a nice find/replace to DIVs, when the client has upgraded...
    use the methods and tools which are appropriate to the audience...
    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


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
  •