Results 1 to 5 of 5

Thread: Bill Gates - Eat your IE! Need help with HTML/CSS

  1. #1
    Member AljoshaNL's Avatar
    Join Date
    Aug 2005
    Location
    The Netherlands
    Posts
    230

    Bill Gates - Eat your IE! Need help with HTML/CSS

    Hi

    Like some of you noticided, I began a website. I made the first page with content, but quickly noticed I had to stop. M$ IE didn't like images being put in tables. Look:

    <table>
    <tr> <!-- image, has to be half of the page in width -->
    <td width="50%"><img src="foo.jpg" width="100%" /></td>
    </tr>
    <tr width="50%"> <!-- description, has to be the other half in width -->
    Textgoeshere
    </tr>

    This works perfectly in FF, but in IE everything is messed up. Check it out in IE and FF:
    http://www.inter.nl.net/users/alexeif/norway200501.html
    For those that don't want to get their hands dirty with IE, this is what happens:
    [img=http://img229.imageshack.us/img229/4877/hikinginnorwayerror3nr.th.jpg]Click here to see the M$ IE screenshot

    Looks like IE is ignoring the width="100%" and just places the entire image (I did this in CSS, but also no luck in HTML attributes). What attribute should I use instead?

    Aljosha

  2. #2
    Mentor cga's Avatar
    Join Date
    May 2001
    Posts
    1,433

    Re:Bill Gates - Eat your IE! Need help with HTML/CSS

    [quote author=AljoshaNL link=board=14;threadid=10839;start=0#msg97150 date=1134808827]
    Hi

    Like some of you noticided, I began a website. I made the first page with content, but quickly noticed I had to stop. M$ IE didn't like images being put in tables. Look:

    <table>
    <tr> <!-- image, has to be half of the page in width -->
    <td width="50%"><img src="foo.jpg" width="100%" /></td>
    </tr>
    <tr width="50%"> <!-- description, has to be the other half in width -->
    Textgoeshere
    </tr>

    This works perfectly in FF, but in IE everything is messed up. Check it out in IE and FF:
    http://www.inter.nl.net/users/alexeif/norway200501.html
    For those that don't want to get their hands dirty with IE, this is what happens:
    [img=http://img229.imageshack.us/img229/4877/hikinginnorwayerror3nr.th.jpg]Click here to see the M$ IE screenshot

    Looks like IE is ignoring the width="100%" and just places the entire image (I did this in CSS, but also no luck in HTML attributes). What attribute should I use instead?

    Aljosha
    [/quote]

    Don't define the image H/W with percents -- instead, set the actual pixal values. Also, you might investigate using CSS floats instead of tables. Tables are becoming depreciated as layout tools.

  3. #3
    Member AljoshaNL's Avatar
    Join Date
    Aug 2005
    Location
    The Netherlands
    Posts
    230

    Re:Bill Gates - Eat your IE! Need help with HTML/CSS

    [quote author=Darth cga link=board=14;threadid=10839;start=0#msg97157 date=1134832021]
    [quote author=AljoshaNL link=board=14;threadid=10839;start=0#msg97150 date=1134808827]
    Hi

    Like some of you noticided, I began a website. I made the first page with content, but quickly noticed I had to stop. M$ IE didn't like images being put in tables. Look:

    <table>
    <tr> <!-- image, has to be half of the page in width -->
    <td width="50%"><img src="foo.jpg" width="100%" /></td>
    </tr>
    <tr width="50%"> <!-- description, has to be the other half in width -->
    Textgoeshere
    </tr>

    This works perfectly in FF, but in IE everything is messed up. Check it out in IE and FF:
    http://www.inter.nl.net/users/alexeif/norway200501.html
    For those that don't want to get their hands dirty with IE, this is what happens:
    [img=http://img229.imageshack.us/img229/4877/hikinginnorwayerror3nr.th.jpg]Click here to see the M$ IE screenshot

    Looks like IE is ignoring the width="100%" and just places the entire image (I did this in CSS, but also no luck in HTML attributes). What attribute should I use instead?

    Aljosha
    [/quote]

    Don't define the image H/W with percents -- instead, set the actual pixal values. Also, you might investigate using CSS floats instead of tables. Tables are becoming depreciated as layout tools.
    [/quote]

    Could you give a link for that last one?

  4. #4
    Mentor cga's Avatar
    Join Date
    May 2001
    Posts
    1,433

    Re:Bill Gates - Eat your IE! Need help with HTML/CSS

    [quote author=AljoshaNL link=board=14;threadid=10839;start=0#msg97160 date=1134833599]
    [quote author=Darth cga link=board=14;threadid=10839;start=0#msg97157 date=1134832021]
    [quote author=AljoshaNL link=board=14;threadid=10839;start=0#msg97150 date=1134808827]
    Hi

    Like some of you noticided, I began a website. I made the first page with content, but quickly noticed I had to stop. M$ IE didn't like images being put in tables. Look:

    <table>
    <tr> <!-- image, has to be half of the page in width -->
    <td width="50%"><img src="foo.jpg" width="100%" /></td>
    </tr>
    <tr width="50%"> <!-- description, has to be the other half in width -->
    Textgoeshere
    </tr>

    This works perfectly in FF, but in IE everything is messed up. Check it out in IE and FF:
    http://www.inter.nl.net/users/alexeif/norway200501.html
    For those that don't want to get their hands dirty with IE, this is what happens:
    [img=http://img229.imageshack.us/img229/4877/hikinginnorwayerror3nr.th.jpg]Click here to see the M$ IE screenshot

    Looks like IE is ignoring the width="100%" and just places the entire image (I did this in CSS, but also no luck in HTML attributes). What attribute should I use instead?

    Aljosha
    [/quote]

    Don't define the image H/W with percents -- instead, set the actual pixal values. Also, you might investigate using CSS floats instead of tables. Tables are becoming depreciated as layout tools.
    [/quote]

    Could you give a link for that last one?
    [/quote]

    http://css.maxdesign.com.au/floatutorial

    Lots of good stuff there.

  5. #5
    Member AljoshaNL's Avatar
    Join Date
    Aug 2005
    Location
    The Netherlands
    Posts
    230

    Re:Bill Gates - Eat your IE! Need help with HTML/CSS

    Thanks, karma += 1
    EDIT: WOW!! Those are VERY good ;D
    Even fixed the IE problem...

Similar Threads

  1. Bill Gates
    By The Donald in forum Windows - General Topics
    Replies: 1
    Last Post: 06-20-2006, 01:16 AM
  2. Bill Gates mug shot!!!
    By mojo jojo in forum General Chat
    Replies: 7
    Last Post: 12-21-2003, 09:28 AM
  3. bill gates bio
    By agar in forum General Chat
    Replies: 24
    Last Post: 12-18-2001, 09:21 AM
  4. 15 yr old girl VS Bill Gates
    By coltrane in forum General Chat
    Replies: 53
    Last Post: 12-17-2001, 12:06 AM
  5. Bill Gates' Way or No Way
    By JimH in forum General Chat
    Replies: 2
    Last Post: 08-26-2001, 04:04 AM

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
  •