Click to See Complete Forum and Search --> : Unwanted spacing


spong1e
02-08-2009, 05:13 AM
Hello there. Im kind of new in the coding-area, and my webpage is actually based on an export from Photoshop. I however have som problems with these spacings:

http://i43.tinypic.com/20jr4w9.jpg

They only appear when I add a lot of context to the main page. You can find the page and code at http://test.spong1e.dk/entry

WebJoel
02-08-2009, 08:45 AM
The use of TABLE-based layout for non-tabular data is problematic, but some of problem might lie here:

<table id="Table_01" width="1031" height="1000" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="11">

<img src="billeder/skyggeL.jpg" width="21" height="100%" alt=""></td>
<td colspan="7">
<img src="billeder/toplinjer.jpg" width="988" height="12" alt=""></td>
<td rowspan="11">
<img src="billeder/skyggeR.jpg" width="21" height="100%" alt=""></td>
<td>
<img src="billeder/spacer.jpg" width="1" height="12" alt=""></td> This is what, 100% of the height of the parent? I would change these to "auto" and proceed that way. Thus, the TD will only be as tall as whatever element it contains.

And, you need a valid !doctype.

I tend to avoid height="100%" as this is, believe it or not, IE-proprietary. I would use the CSS inline "<style="height:foo;....;>" whereby "foo" is the value for the Selector "height:"

Try this and post back if this doesn't help. I'm away for a few hours but can check back if you need further assist, I can set this up locally and try to fix it for you. :)