#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2001
    Posts
    130
    Rep Power
    14

    How do I fix how this CSS looks in IE6?


    I built this site using CSS, and it doesn't render quite right on IE6. The main DIV should not scroll off the page on 1024x768, but it seems to be expanded vertically because of the size of the watermark image. NS6 renders it properly. The main div should be centered no matter the browser windows size.

    Any ideas?

    Site

    Statik
  2. #2
  3. No Profile Picture
    Do you like PHP like ME?
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2001
    Location
    St. George, Utah, of the USA
    Posts
    67
    Rep Power
    14
    maybe you should on your widths and heights put what type you want. Such as instead of <width=250 height=200> you'd put <width=250px height=200px> or just define ur width and height in a css class altogether.

    And to my thinking, hehe, if it views what you want in netscape and not in IE, It's probably netscape rendering it wrong...

    haha just a thought.
    You know your a web programmer when you see a '$' and think of PHP rather than money.
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2002
    Location
    Edinburgh
    Posts
    1
    Rep Power
    0

    Try this


    This is a different approach using just the table features. Seems to work fine with IE6.

    I've not sized the cells acurately, but they seem to resize nicely when the window resizes.


    good luck



    <table border="0" cellpadding="0" cellspacing="0"
    style="border-collapse: collapse; background-image: url('largewatermark.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: center"
    bordercolor="#111111"
    background="largewatermark.gif"
    width="100%"
    id="AutoNumber1"
    height="100%"
    bgcolor="#EBF5FF">
    <tr>
    <td align="center" valign="top">
    <img border="0" src="left.gif" width="23" height="122"><img border="0" src="spacer.gif" width="146" height="122"><img border="0" src="topbar.gif" width="372" height="122"><img border="0" src="spacer.gif" width="146" height="122"><img border="0" src="right.gif" width="23" height="122">
    </td>
    </tr>
    <tr>
    <td align="center">&nbsp;</td>
    </tr>
    <tr>
    <td align="center">
    <img border="0" src="customer.gif" width="250" height="49"></td>
    </tr>
    <tr>
    <td align="center">&nbsp;</td>
    </tr>
    <tr>
    <td align="center"><img border="0" src="broker.gif" width="250" height="49"></td>
    </tr>
    <tr>
    <td align="center">&nbsp;</td>
    </tr>
    </table>
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2001
    Posts
    130
    Rep Power
    14
    I was hoping to stay with only CSS.

    I changed it to px, but nothing changed.

    Statik

IMN logo majestic logo threadwatch logo seochat tools logo