Help - Search - Members - Calendar
Full Version: Table Height Help
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
diav
Hey, I'm having a bit of trouble coding overrides in my layout in my test journal.

click here to see

Free account, S1.

The text seems to just flow right down, even when I have the overflow set to auto..

I don't know how to fix this problem...

Thanks a lot! cool.gif

Here's my code:

CODE
GLOBAL_HEAD<=
<title>...l e n a   h e a d e y...</title>

<meta content="revealTrans(transition=6, duration=1.0)" http-equiv="Page-Enter">
<meta content="revealTrans(transition=7, duration=1.0)" http-equiv="Page-Exit">

<style type="text/css">
<!--
a:hover {
cursor: crosshair;
text-transform: uppercase;
font-weight: bold;
}

body {
scrollbar-base-color: #699CB3;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #699CB3;
scrollbar-darkshadow-color: #699CB3;
scrollbar-shadow-color: #699CB3;
scrollbar-arrow-color: #699CB3;
}
-->
</style>

<style type="text/css">
<!--
body {
background-color: #699CB3!important;
background-image:
url() !important;
background-repeat: repeat-y !important;
background-attachment: scroll !important;
background-position: 0% 0% !important;
margin-top: 5px;
margin-left:208px;
overflow-x: hidden;
overflow: -moz-scrollbars-vertical;
color: #000000

}

table {
width: 340px;
margin-left: 0%;
margin-right: 100%;
margin-top: 0 px;
z-index: 80;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
.entries {
position:absolute;
top:5px;
height:400px;
width:340px;
overflow-x: hidden;
overflow:auto;
overflow-y: scroll;
}
html>body table{
position: relative;
}
img.header {
position: absolute;
left:0;
top: 0;
z-index: -10;
}
html>body img.header  {
z-index: 1;
}
html>body div{
z-index: 2;
}
.shadowed img{
visibility:hidden;position:absolute;top:0
}
p .index {
color: #FFFFFF;
}

p table table td.caption {
font-size:10px;
font-weight: bold;
color: #FFFFFF;
font-family: Myriad;
}
.comments {
font-size: 10px;
font-family: Myriad;
}
a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
a:hover{
text-decoration: underline;
font-weight: bold;
color: #FFFFFF;
}
.entrybox td{
text-align: justify;
font-family: Myriad;
font-size: 10px;
font-color: #FFFFFF;
}
.entrybox td.index {
text-align: right;
}
<!--
body, td, font, div, p {
font-family: Myriad;
color: #FFFFFF;
font-size: 10px;
}
a:hover {
{color:#FFFFFF;height: 0}
}
h4{
   font-size:small;
   border-bottom:1px dotted #FFFFFF;
}

-->
</style>
<=GLOBAL_HEAD


LASTN_WEBSITE<=

<img src="http://www.slipping-halo.net/2361/IMAY/lj_lena.jpg" style="visibility: visible; position:absolute; left:0; top:0; border:0;" class="header" usemap="#imgmap" width="550" height="500">

<MAP NAME="imgmap">
<AREA SHAPE=rect COORDS="382,42,408,53" HREF="http://diav.livejournal.com/profile" ALT="info">
<AREA SHAPE=rect COORDS="411,41,444,53" HREF="http://2361.slipping-halo.net" ALT="2361">
<AREA SHAPE=rect COORDS="445,41,489,53" HREF="http://diav.livejournal.com/friends" ALT="friends">
<AREA SHAPE=rect COORDS="492,42,544,53" HREF="http://diav.livejournal.com/calendar" ALT="calendar">
</MAP>

<style type="text/css">
<!--
table table table table .meta

{visibility:hidden;position:absolute;top:1px}
table table table table table .meta

{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<=LASTN_WEBSITE

LASTN_OPT_ITEMS=>8
FRIENDS_OPT_ITEMS=>8

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
%%readlink%%<a href="%%urlpost%%">lena?</a> <br /><br /><center><img src="http://www.slipping-halo.net/2361/IMAY/lj_lena_banner.jpg"></center>
</td>
</tr>
<=LASTN_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%% lover%%mc-plural%%</b></a> ||

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
%%readlink%%<a href="%%urlpost%%">lena?</a> <br /><br /><center><img src="http://www.slipping-halo.net/2361/IMAY/lj_lena_banner.jpg"></center>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% lover%%mc-plural-s%%</b></a> ||

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
%%readlink%%<a href="%%urlpost%%">lena?</a> <br /><br /><center><img src="http://www.slipping-halo.net/2361/IMAY/lj_lena_banner.jpg"></center>
</td>
</tr>
<=DAY_TALK_LINKS

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% lover%%mc-plural-s%%</b></a> ||

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
%%readlink%%<a href="%%urlpost%%">lena?</a> <br /><br /><center><img src="http://www.slipping-halo.net/2361/IMAY/lj_lena_banner.jpg"></center>
</td>
</tr>
<=LASTN_TALK_LINKS

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% lover%%mc-plural-s%%</b></a> ||
Libertie
I'm not exactly sure, but this is a completely different code that might work:
(from http://community.livejournal.com/everything_lj/138630.html)

CODE
div{
position:absolute;
left:60%;
top:5%;
width:40%;
height:90%;
border: 3px solid #000000;
overflow:auto;
clip:rect(auto);
background-color: transparent;
}
td div{
position:relative;
left:1;
top:1;
height:auto;
width:auto;
overflow:hidden;
border:0;
}
table{
width:100%;
margin-left:0%;
margin-right:0%;
}
table table{
width:95%;
margin:0;
}
table table table{
width:auto;
}


You'll have to change the numbers to reflect the correct width, height, and position; and I recommend using pixels rather than perentages obviously.. But yeah, try that.
Libertie
Since you seem to have everything figured out, I'm going to close this now. _smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.