Forum Moderators: not2easy
link to the temporary site:
--snip--
I think I got most of the bugs sorted out. The thing that's left to fix is that big empty space below my disclaimer notice.
here's the css (I know it's a bit messy - I'm going to clean it up later *blush* )
#top {
position:relative;
top:0px;
text-align:center;
z-index:5;}
#left {
position:relative;
top:-176px;
text-align:left;
z-index:2;}
#right {
position:relative;
top:-250px;
text-align:right;
z-index:2;}
/*these images below are to make the white space above the borders, heh.. */
#lwhite {
position: relative;
top:-380px;
text-align:left;
z-index:1;}
#rwhite {
position: relative;
top:-440px;
text-align:right;
z-index:1;}
and the html
...
<td style="background-color: #666699" rowspan="2">
<div id="top"><img src="disclaimer.gif" style="width: 540px" /></div>
<div id="left"><img src="leftBorder.gif" style="width: 500px" /></div>
<div id="right"><img src="rightBorder.gif" style="width: 500px" /></div>
<div id="lwhite"><img src="white.gif" style="height: 60px; width: 540px" /></div>
<div id="rwhite"><img src="white.gif" style="height: 60px; width: 540px" /></div>
</td>
...
even if I set a height to the table (and all the tables beside it that it flows with) it stay's that big. Why?
When I comment all the divs out exept the first - the table is the size of the image. But when I start adding more divs to the code (say for instance I comment out the last three and leave the top two) then there is suddnely that extra space in the table and for every image I add it grows larger!
Help please!
[edited by: heini at 7:26 pm (utc) on Aug. 16, 2003]
[edit reason] sorry, no urls please, see Charter [/edit]
Have you tried not wrapping each image individually in a div and use absolute positioning instead?
