New problem. I hope your *fresh* eyes can notice it!

[DanUK]

Hi there.
I've been working AGES on this, and i'm going boggled eyed, i've been searching and searching, trying new things, but nothing seems to work.

Basically, the "table" at the bottom of each of my pages doesn't stretch to the whole page, it only stretches about 75% of the way, i'm sure this is a table error, but I can't see any missing table tags.

I have put a big line where that "table" at the bottom begins.
Thank you very much if yuo can tell me what's causing this.

I have attached the file as .txt.

[gil davis]

Your attachment doesn't do anyone very much good without the style sheet and the images to see what is going on. It would be much better if you can post a link.

Also, I will repeat the age-old admonition that you should not use tables for layout (some believe that it is a sin).

The other thing that I know will cause you problems is when you specify height and width for images inside of table cells and then also specify the table cell width and/or height. Let the content size the cell, then if you need to adjust something as a last result (or if the cell is empty) use the table cell height/width.

Be aware that images have a default border size.

[DanUK]

Hi there.
Thank you for your reply.

Unfortunately, it is on a LAN so I cannot provide a link, my apologies.

The CSS:


FONT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}

body {scrollbar-3dlight-color : #cccccc; scrollbar-arrow-color : #000000; scrollbar-base-color : #cccccc; scrollbar-darkshadow-color : #2f4f4f; scrollbar-face-color : #cccccc; scrollbar-highlight-color : #cccccc; scrollbar-shadow-color : #cccccc; scrollbar-track-color : #ededed; }

FORM {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
A:link {BACKGROUND: none; COLOR: #4682B4; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active {BACKGROUND: none; COLOR: #4682B4; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited {BACKGROUND: none; COLOR: #4682B4; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.texte {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}

input,textarea, select { color : #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #202020; border-color : #000000; }

input.post, textarea.post, select { background-color : #fefefe; }

input { text-indent : 2px; }

input.button { background-color : #bbd2ee; color : #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #202020; }

input.radio {background-color: #fefefe;}

input.mainoption { background-color : #c9e1f3; font-weight : bold; }

input.liteoption { background-color : #c9e1f3; font-weight : normal; }

[DanUK]

This thing is mad! lol

[Daria]

That table seems to be fine to me in IE 6.0 and NS 7.1 and Opera, I could check with NS4 tomorrow, if it matters.

Maybe it's your cache or something?

[spufi]

I checked IE 5.5 and Mozilla 1.5 and it looks fine.

<font> tags and external CSS?

*bangs head against desk*

[DanUK]

Hi there.
Basically what I see, is that the bottom table doesn't stretch along the whole of the bottom of the page, it puts itself directly under the tabl above which holds the html content.
It should start itself below the languages table and stretch along the whole.

Weird...
Thanks for your replies!

[DanUK]

YES!
Found the Bug!
Fresh eyes after sleep are much better!

Line 228 of problme.txt

<tr>
<td bgcolor="F5F5F5"><table width="100%" border="0" cellspacing="0" cellpadding="4">
<div align="center">

I shouldn't have had that <table>
This aligns it all perfectly now ;)

Thanks!