ansaurus

Question

Answer 1

A:

In the table, set cellpadding="0" cellspacing="0". But this affects the content area as well. You might want to look into designing your site with DIVs instead.

You might want to look into a CSS solution:

<style type="text/css">
  body {
    background-image:url(background.png);
    background-repeat:repeat-y;
  }
</style>

Gert G 2010-06-21 21:38:06

The resizing still didn't work. The image is an arrow, so it can't be repeated. I've been thinking about solving it with DIVs, but I thought tables would be easier. Do you think the resizing will work better with DIVs?

Toxid 2010-06-21 22:07:42

I tried your code in IE 8 and IE 6 and it flexes. IE 6 has some other issues though, but still. Designing with `DIV` tags is the modern way of designing a site (it also makes your site more accessible to impaired users). You can stretch an image within a `DIV`. E.g. http://stackoverflow.com/questions/41198/css-getting-image-to-stretch-a-div

Gert G 2010-06-21 22:32:41

It flexes for me too, but I want the image to adjust its height to the tables height. Now it takes the height from the window in internet explorer.

Toxid 2010-06-22 12:58:32

Remove `height="100%"` from the table.

Gert G 2010-06-22 20:20:28

It stops flexing if I remove the height from the table.

Toxid 2010-06-26 10:50:49

It still flexes for me after removing the height from the `TABLE` tag. You'll just remove it from the `TABLE` tag, not from the `TD` tag. I.e. `<table cellpadding="10" width="100%" style="margin:0;">`

Gert G 2010-06-26 11:39:40

I had the wrong doctype. I didn't know what doctype was really so I excluded that tag when I copied my html document. It works as expected now. Thanks for your support

Toxid 2010-06-29 12:05:34

No problem. I'm glad you figured it out. :)

Gert G 2010-06-29 12:27:24

ansaurus

tags:

views:

answers:

Fluid height in Internet explorer

related questions