AJpicture - Can't get theme.tpl to fill the full height of the screen

wht_thorn

Joined: 2006-12-14
Posts: 18
Posted: Sat, 2010-05-22 06:25

I've got a normal php file that I've got looking close to how I want and am trying to convert a gallery theme to look the same (Yes I know the problems with width and have a plan for those). However, when I try to make the main center div of the site extend to the bottom of the screen I can't get it to. The center div always ends after the last of the content. Any help would be appreciated.

You can get the source to the pages from the attachment or at:
http://ajpicture.net/gallery2/v/MainGallery/
and
http://ajpicture.net/test.php

For the style sheet I'm using:
body
{
/* These are sitewide defaults */
text-align:center; /*this is a hack for IE5 to center the sitecenter*/
min-width:770px; /*this is a hack for mozilla*/
min-height:101%;
background-color:#CCCCCC;
background-image:url(ajstyle/sidepanelbackground.png);
font-family:Georgia, serif, "Times New Roman", Times;
}

#sitecenter
{
width:760px;
min-height:100%;
height:100%;
background-color:#282828;
background-image:url(ajstyle/centerbackground.png);
margin:auto;
font-family:Georgia, serif, "Times New Roman", Times;
color:#ffffff;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
}

AttachmentSize
ajpicture.zip6.79 KB
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Sat, 2010-05-22 11:50

You can simply embed gallery in your php page.
and then only minimal theme editing is necessary(like logo and badge removal)

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
 
wht_thorn

Joined: 2006-12-14
Posts: 18
Posted: Sat, 2010-05-22 16:03

Aha. This should make the whole process a lot easier I think.
 
wht_thorn

Joined: 2006-12-14
Posts: 18
Posted: Sat, 2010-05-22 17:40

Ok, I thought that would be a good idea anyway because it would enable me to visually embed the site and limit the changes to the template.

However, I've still got the same problem when embedding. My site for some reason can't extend the center div all the way to the bottom of the screen.
http://ajpicture.net/gallery2embedded.php
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Sat, 2010-05-22 17:50 
html, body, #sitecenter {
    height:100%;
}

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
 
wht_thorn

Joined: 2006-12-14
Posts: 18
Posted: Sat, 2010-05-22 18:00

New update:

I'm getting different results in IE. IE seems to be stretching the page right, but changing the fonts of the embedded gallery funny.

Chrome and Firefox do not stretch the page appropriately.
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Sat, 2010-05-22 18:04

http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/

-s
FlashYourWeb and Your Gallery with The E2 XML Media Player for Gallery2
 
wht_thorn

Joined: 2006-12-14
Posts: 18
Posted: Sat, 2010-05-22 18:34

Ok, my bad. It appears that the code I was getting from the templates and from the embedding generator had broken <html> tags the way I was doing them. I fixed the <html> tag and now its embedded. Next step is to fix the font. Thanks for the help!