[supersloth]

i have this code, which i want to make go up and down the left side of the page the entire way, it should work i believe, but nothing shows.

<div  style="Z-INDEX: -500; POSITION: absolute; TOP: 0%; LEFT:0%;">
<TABLE background="images/left_border05.gif" WIDTH=11 HEIGHT=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <TR> 
    <TD><IMG SRC="images/left_border05.gif" WIDTH="11" height="17"></TD>
  </TR>
</TABLE>
</div>

BUT if i change the 100% to a value like 500 in the below code.

<div  style="Z-INDEX: -500; POSITION: absolute; TOP: 0%; LEFT:0%;">
<TABLE background="images/left_border05.gif" WIDTH=11 HEIGHT=500 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <TR> 
    <TD><IMG SRC="images/left_border05.gif" WIDTH="11" height="17"></TD>
  </TR>
</TABLE>
</div>

i get a nice little 500 pixel table up and down the left side. fine and dandy, but i want it to go the WHOLE way.

suggestions?

[capty99]

should 100% not be in quotes? along with the width

[supersloth]

no, that stuff only matters when your being nitpicky with your code, which believe me, i will be, when the design is done with.

[capty99]

when u take it out of the div it stretches from the top to the bottom, but only for the visible part of the page in the window. weird.

[Koenie]

try making the width of the div 100% too.
If that doesn't work, try putting all these attributes in one style attribute.

[supersloth]

ok, i got it last night, but it only works in ie, not mozilla

here it is:

<div style="Z-INDEX: -500; POSITION: absolute; TOP: 0%; LEFT:0%; HEIGHT: 100%;">
<table background="images/left_border05.gif" width="11" height="100%" border=0 cellpadding=0 cellspacing=0>
  <tr> 
    <td><IMG SRC="images/left_border05.gif" width="11" height="17" alt=""></td>
  </tr>
</table>
</div>

[Koenie]

just a question: why does the div has z-index: -500?

[supersloth]

because i wanted it lower than everything else, and i was too lazy to figure out what everything else was at, so i just put a really large number.

[supersloth]

http://supersloth.dreamincode.net/v5/

that's the link to the site, as you can see, it sorta works in ie, but has a few problems in mozilla, and just goes fucking haywire on mozilla for mac.

[capty99]

that is crazy like woah. stupid browsers tick me off.

[codeman]

It's not the browser's fault. 100% means that it spans 100% of the screen or its parent container. It only goes the length of the screen.

[supersloth]

codeman, on Dec 24 2002, 04:44 PM, said:

It's not the browser's fault. 100% means that it spans 100% of the screen or its parent container. It only goes the length of the screen.

i know, thats exactly what i want the borders to do, but their not showing in mozilla.....

the bottom border on the other hand, is gonna take some sneakyness to get around...

[aswettla]

nothing works in mozilla

[supersloth]

http://supersloth.dreamincode.net/v5/


the left and right borders dont show in moz.

tis my only problem, then a few css tweaks and im done. any ideas?

[klewlis]

aswettla, on Dec 30 2002, 01:11 PM, said:

nothing works in mozilla :angry:

EVERYTHING works in mozilla, if it's coded properly. :)