1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

What fix should I use to make my HTML page look right in IE?

Discussion in 'CSS' started by cancuncss, Mar 30, 2008.

  1. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #21
    Alright, looking at this section, you will need to figure out how tall these two tables (which sit on top of each other) need to be to fit into 139px; So lets specify 100 for the height of the first, and the second(menu.js) needs to be 39 then:

    <!-- HEADER AND SEARCH -->
    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="header"><tr><td height="100" width="500" valign="top">
    <script language="JavaScript" type="text/javascript" src="header.js"></script>
    </td><td valign="middle" align="right">
    <script language="JavaScript" type="text/javascript" src="search.js"></script>
    <img src="picts/spacer.gif" width="10" height="10" alt="image"><br>
    </td><td width="10">
    </td></tr></table>


    SEMrush

    <script language="JavaScript" type="text/javascript" src="menu.js"></script>
     

    Attached Files:

    mr_wonderful, Mar 31, 2008 IP
    SEMrush
  2. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #22
    you would then need to specify the height in the table cells <td> of the menu.js file to make sure it outputs at 39 tall
     
    mr_wonderful, Mar 31, 2008 IP
  3. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #23
    <!-- Begin CSS Vertical Menu - menu ver 3.1 2008

    // NOTE: If you use a ' add a slash before it like this \'


    var leftspacing = "1" // LEFT MENU PADDING
    var rightspacing = "20" // RIGHT MENU PADDING
    var menuside = "right" // MENU SIDE | left | right | center
    var menuwidth = "100" // TOTAL MENU WIDTH (use if wrapping is apparent)


    document.write('<table cellpadding="0" cellspacing="0" border="0" class="menutable"><tr><td height="39" class="printhide" align="'+menuside+'">');
    document.write('<table cellpadding="0" cellspacing="0" border="0"><tr><td width="'+leftspacing+'">');
    document.write('<img src="picts/spacer.gif" width="'+leftspacing+'" height="1"><br>');
    document.write('</td><td>');

    document.write('<ul id="menunav">');





    // START MENU LINKS - EDIT BELOW THIS AREA
     
    mr_wonderful, Mar 31, 2008 IP
  4. cancuncss

    cancuncss Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #24
    Is height="100" the only change in that code you modified? Do I just need to modify the height or something else too?
     
    cancuncss, Mar 31, 2008 IP
  5. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #25
    that height="100"

    and the height="39" in the menu.js file
     
    mr_wonderful, Mar 31, 2008 IP
  6. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #26
    you may want to get rid if that <br> here also:

    <script language="JavaScript" type="text/javascript" src="menu.js"></script>


    <br>
     
    mr_wonderful, Mar 31, 2008 IP
  7. cancuncss

    cancuncss Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #27
    It almost worked but there's still like 1 pixel offset in IE while in Firefox it looks out of position. Thanks anyway for taking the time to try to fix this. I guess I will have to remove that graphic from there and forget about it :)
     
    cancuncss, Mar 31, 2008 IP
  8. cancuncss

    cancuncss Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #28
    I found a way to solve the problem. I will change the graphic for a transparent GIF. Actually it'll be two graphics since I will cut the graphic in two parts to optimize each for the two different background colors below. If anybody comes up with another solution please post it. I might use it in a future site and if I do, I will send you $10 for your help. Thanks to all that contributed!!!!!
     
    cancuncss, Mar 31, 2008 IP
  9. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #29
    I found a solution. Replace some of your files with the ones in this zip.
     

    Attached Files:

    mr_wonderful, Mar 31, 2008 IP
  10. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #30
    One more note: You'll notice you no longer need the "menu.js" file, because I simply inserted that code directly into the page.
     
    mr_wonderful, Apr 1, 2008 IP
  11. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,399
    Likes Received:
    1,875
    Best Answers:
    245
    Trophy Points:
    515
    #31
    I'm sitting here going "Is that white area next to the tree supposed to be empty like that?" - doh, I browse with flash off and you have no image fallbacks.

    Solution? Throw out EVERYTHING and start over with minimalist semantic markup and separation of presentation from content. That means chuck the tables as even using tables for layout there's no reason for this to have more than one of them. Spacer gif's, empty para's for spacing, entity spaces - the coding style is a decade behind the times. The DHTML & flash for static elements just adds /fail/ on top of /fail/ too from an accessability standpoint - much less that a search engine isn't going to see bupkis on the page.

    If I have time tomorrow, I'll toss together a baseline template that will do just that.
     
    deathshadow, Apr 3, 2008 IP