master page table not 100% height despite code [Theme design questions]

1

master page table not 100% height despite code

2004/7/11 7:52
dtauto
Just popping in
Posts: 56
Since: 2004/7/4 0

yes, i have yet ANOTHER question. in my efforts to fine tune my theme, i have been lead to post this question and it's probably going to surprise me when i find out the answer.

if you take a look at my site, and your resolution is set high enough (like mine, which is at 1280x1024 for graphic design purposes), you'll see that the page only goes down about 50%-75%. if you visit one of the articles, you'll notice that it does indeed stretch to 100%. what i want to know, however, is how to make the master table (the big shabang that holds everything inside) 100% in height despite whether the content is there to support it.

again, that site is...
here

i've attempted via both the hard code and through stylesheets to make this happen, but i'm just not getting it to sink in...

thanks in advance for the help.

p.s. anyone know how to remove the dropdown category box from the news index page?

2

Re: master page table not 100% height despite code

2004/7/11 7:59
Mithrandir
XOOPS is my life!
Posts: 6320
Since: 2003/6/21

Quote:

p.s. anyone know how to remove the dropdown category box from the news index page?

Administration Menu -> News -> Preferences - second from the top:
"Select yes to display navigation box at the top of each news page"

set to "no"

Regarding your height problem, I am not entirely sure that what you want to do is possible by using the height property. Width yes, but I don't think height.

3

Re: master page table not 100% height despite code

2004/7/11 8:14
m0nty
XOOPS is my life!
Posts: 3337
Since: 2003/10/24

i've had a look and i can't see what u mean from looking.. even at 1280x768 resolution..

not on the link you provide anyway..

except you have a major problem anyway with your themes..

go tohttp://www.deviant-tuning.com/forums/ and ur screen is totally %$&$%& up.

same if you click the DT Home link

it looks like you've used 2 different themes..

the source on the page link you provide is:

<link href="http://www.deviant-tuning.com/themes/7dana-round/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="http://www.deviant-tuning.com/themes/7dana-round/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://www.deviant-tuning.com/themes/7dana-round/style.css" />


<script type="text/javascript">
</script><script type="text/javascript" src="http://www.deviant-tuning.com/include/xoops.js"></script><script type="text/javascript">
</script>
<script type="text/javascript" language="JavaScript1.2" src="http://www.deviant-tuning.com/themes/7dana-round/stm31.js"></script>
</HEAD>

but on the other pages you have :

<META NAME="revisit-after" CONTENT="30 days">
<META NAME="distribution" CONTENT="global">
<META NAME="rating" CONTENT="general">
<META NAME="Content-Language" CONTENT="english">

<script language="JavaScript" type="text/JavaScript" src="images/imagepreload.js"></script>
<link href="images/myfreetemplates.css" rel="stylesheet" type="text/css">
</head>

<body background="images/pagebg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="743" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="740" height="33"><TABLE WIDTH=740 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <a href="index.php"><IMG SRC="images/menu_01.gif" ALT="DT Home" WIDTH=73 HEIGHT=33 border="0"></a></TD>
<TD> <a href="_about/index.php"><IMG SRC="images/menu_02.gif" ALT="About DT" WIDTH=33 HEIGHT=33 border="0"></a></TD>
<TD> <a href="_features/index.php"><IMG SRC="images/menu_03.gif" ALT="Monthly Features" WIDTH=44 HEIGHT=33 border="0"></a></TD>
<TD> <a href="forums"><IMG SRC="images/menu_04.gif" ALT="DT Community" WIDTH=37 HEIGHT=33 border="0"></a></TD>
<TD> <a href="http://www.cafeshops.com/dtauto"><IMG SRC="images/menu_05.gif" ALT="DT DeviantWear" WIDTH=35 HEIGHT=33 border="0"></a></TD>
<TD> <a href="_contact/index.php"><IMG SRC="images/menu_06.gif" ALT="Drop us a line!" WIDTH=39 HEIGHT=33 border="0"></a></TD>
<TD> <a href="#"><IMG SRC="images/profile_out.gif" ALT="My Profile" WIDTH=52 HEIGHT=33 border="0"></a></TD>
<TD> <a href="#"><IMG SRC="images/garage_out.gif" ALT="My Garage" WIDTH=55 HEIGHT=33 border="0"></a></TD>
<TD> <a href="#"><IMG SRC="images/pm_out.gif" ALT="Private Messages" WIDTH=82 HEIGHT=33 border="0"></a></TD>

both sources for the pages are completely different.. i don't know what you have done to make it like this but my suggestion would be to start again and install a theme, set the homepage up again etc..

notice in the 2nd example also you have > SRC="images/menu_05.gif" ALT="DT DeviantWear" WIDTH=35 HEIGHT=33 border="0"></a></TD>

there is no "" surround width or height in the code.. ie.. height="33" width="35"

but there is definitely something wrong with your theme.. i would default to the default theme and start again.. following the instructions carefully about installing themes..

on another note: i would design and optimise for a maximum res of 1000 wide or lower, being as the majority of users still use 800x600 displays or 1024x768 displays.. optimising for 1280 is a bad idea being as the majority of people don't use 1280 resolutions..

2ndly if u leave the height out, it should expand to fit whatever is in the table..

either that or you should learn to use classes in CSS

then if u have an image for a background, instead of using height="100%"

you can use <table class="site"> then in your style.css

you can define a class

.site {width: 100%; background-image: URL(picture.jpg); background-repeat: repeat-y; align: center;}

the repeat-y function will repeat the image (not expand it) for the whole page that has content on it.

4

Re: master page table not 100% height despite code

2004/7/11 8:18
dtauto
Just popping in
Posts: 56
Since: 2004/7/4 0

sorry, i should have specified that my install of XOOPS is hidden to general users. if you simply go to deviant-tuning.com, you'll notice the site matches the forums and vice versa. i threw a 2 on the end of index2.php because for right now, no one else needs to see it. the flip side to this is, of course, screwed up links.

sorry about the confusion and thanks for the concern... and help!

i took an xhtml class last year and i remember something about specific pixels not having to have quotes, but percentages had to?

5

Re: master page table not 100% height despite code

2004/7/11 8:25
dtauto
Just popping in
Posts: 56
Since: 2004/7/4 0

also, thanks mithrandir for the help. worked perfectly (of course). i guess it's just one of those small config items you miss at 4 AM!! thanks again.

6

Re: master page table not 100% height despite code

2004/7/11 9:35
Mithrandir
XOOPS is my life!
Posts: 6320
Since: 2003/6/21

Give credit where credit is due

It was M0nty doing the main helping here

7

Re: master page table not 100% height despite code

2004/7/11 9:56
tjnemez
Home away from home
Posts: 1594
Since: 2003/9/21

as monty suggests you should use your style.css and repeat image, although you could use inline styling. it is always better to use css.

when you open with news (the link provided), you have 2items which use less height than the blocks that are displayed on the left so you end up with blank grey space in the content area. here your blocks are driving the height.

now when you click on read more the center content uses more height than the blocks on the left so you end up with blank white space on the left. now your content is driving your height.

is blank space what you are trying to control?

edit: if the above makes no sense its in the am here too. however, i do know that your background image for your content is actually 580px wide, but i do not know what the actual height is. in any case, as coded, it is effectively working.

also check your site with firefox, some issues there. opera and ie6 are okay.

8

Re: master page table not 100% height despite code

2004/7/11 10:45
tjnemez
Home away from home
Posts: 1594
Since: 2003/9/21

actually the image in question is not required, you could accomplish the same by assigning a background color.

9

Re: master page table not 100% height despite code

2004/7/11 16:00
dtauto
Just popping in
Posts: 56
Since: 2004/7/4 0

so even though i have my left column <td> set to display 100%, it's the XOOPS template that's holding it back. i believe you have a point, but this is the second version of this same design i have tried and this problem occurs when i make it xhtml-transitional as opposed to html-transitional.

and i want to thank everyone for their help. if i missed some people in my previous posts, my apologies. thank you to all that have helped thus far.

10

Re: master page table not 100% height despite code

2004/7/11 16:05
dtauto
Just popping in
Posts: 56
Since: 2004/7/4 0

perhaps someone could point me in the direction of making the left content area 100% through the XOOPS files. would that be in my template's directory under theme_blockleft.html?

Stats
Goal:	$100.00
Due Date:	May 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Re: master page table not 100% height despite code

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}