Click to See Complete Forum and Search --> : Table-controlled layout
BrandonL
11-06-2003, 07:29 AM
I'm using tables to control the layout of my page (sorry haven't gotten to CSS very much yet! :( ) and am running into a problem with IE 6.0.
I have 2 columns.
The column on the right is dynamic in its height, and the left needs to be also.
The column on the left has some swapimaging nav images. The final cell in this column hosts a spacer pixel and no defined height.
Mozilla looks great :D IE stinks. :( IE tends to stretch out the left column and restricts the spacer.gif cell to that one pixel. I have hard restrictions on the other cells in width and height.
Why is this crappy browser doing this?
www.alloutfairytale.com (http://www.alloutfairytale.com) to see what it is doing. (view in IE please)
Thanks if you can solve this dilemma!
Brandon
96turnerri
11-06-2003, 07:22 PM
i viewed you site in msie5.5 and 6.0 couldnt see anything wrong, its look fine
Paul Jr
11-06-2003, 07:43 PM
I looked at it with IE6, and Moz 1.4, and I saw nothing wrong.
BrandonL
11-06-2003, 08:46 PM
I'm using IE v.6.0.2800.1106 and I have attached a file that shows exactly what I see.
I turned the borders on to help demonstrate this. I painted red arrows to point towards the cells that were stretching but aren't, and a green arrow towards the cell that *should* be stretching but isn't.
My personal thanks to those who viewed the site, though you probably saw the site normally!
Brandon
http://www.alloutfairytale.com/links/stretch.jpg
PeOfEo
11-06-2003, 09:23 PM
try this in ur img tags
<img src="url" alt="alttext" style="margin:0px;">
I have seen this happen before in table based layouts. It happened to me once I had to basically make the whole area that this happened in one iamge and it was a pain, this was before I used css. But maybe that lil bit of css can straigten this problem out, try it and see.
BrandonL
11-06-2003, 11:47 PM
No go with that little bit of CSS-code. :(
Brandon
96turnerri
11-07-2003, 05:48 AM
removed all spaces between table tags, that should do it
96turnerri
11-07-2003, 07:08 AM
between the <table> and </table> you have all you <td> and <tr> remove all white spaces i he an example
<table>
<tr>
<td>One</td>
<td>Two</td>
</tr>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</table>
make it
<table><tr><td>One</td><td>Two</td></tr><tr><td>Three</td><td>Four</td></tr></table>
BrandonL
11-07-2003, 08:52 AM
This is one of the sadder days in HTML.. it still isn't working. I've simplified the code by taking out the news posting and added some line breaks.
how crazy is this???!? Darn IE!
Brandon
You don't need to put the images in seperate cells.
Put all the left-hand images in 1 cell of fixed width a they will slot together.
A 2x2 table should be ok.
BrandonL
11-07-2003, 10:07 AM
Excellent suggestion! That cleaned it up considerably although now there is still a slight spacing between the images in IE. arrrgghh.. but it is much better than what it was !
Brandon
-------------------------------------
Update!!! With each previous suggestion I was able to do it. Now all the images in that single cell are on one line and the IE is displaying them properly! What the heck is with this browser!?!?!?
THANKS SO MUCH THOSE WHO HELPED ME OUT! Especially 96turnerri for sticking through it the whole time!
I could see no gap (ie5 a.d ie6)
96turnerri
11-07-2003, 12:09 PM
the gaps have gone for me too, using ie v6.0.2800.1106 and ie 5.5
PeOfEo
11-07-2003, 04:34 PM
ditto.