5 replies [Last post]
pghjezebel
pghjezebel's picture
Offline
Regular
Last seen: 2 years 44 weeks ago
Timezone: GMT-5
Joined: 2003-05-15
Posts: 22
Points: 0

I posted this once before, but since Im moving ahead with the site I thought Id try again.

http://www.sumaira.net/PittsburghMuslim/test.html

Im still having a bit of a problem getting the tiled columns to extend all the way to the bottom of the page. Suggestions anyone?

Thanks Laughing out loud

VaRiX
Offline
newbie
Maryland, USA
Last seen: 15 years 44 weeks ago
Maryland, USA
Timezone: GMT-5
Joined: 2004-01-08
Posts: 5
Points: 0

Back again, site check please!

For me at least, the columns do seem to be going to the bottom. Looks like it's working or maybe you solved the issue and posted it?

pghjezebel
pghjezebel's picture
Offline
Regular
Last seen: 2 years 44 weeks ago
Timezone: GMT-5
Joined: 2003-05-15
Posts: 22
Points: 0

Back again, site check please!

Nope, havent solved the problem yet! Smile
Theres still a gap at the bottom, which is were i plan on leaving it if I cant get the background to tile TOTALLY to the bottom and not cause vertical scrollbars to come up! But thanks for checking!

markaxsysdesign
markaxsysdesign's picture
Offline
Regular
Toccoa, Georgia
Last seen: 15 years 44 weeks ago
Toccoa, Georgia
Joined: 2004-01-09
Posts: 42
Points: 0

Back again, site check please!

Try putting the background image inside the "body" style and giving it an absolute position. Then just let the background image y-repeat. If this doesn't work or you don't know how to do this let me know.

http//mark.axsysdesign.com

pghjezebel
pghjezebel's picture
Offline
Regular
Last seen: 2 years 44 weeks ago
Timezone: GMT-5
Joined: 2003-05-15
Posts: 22
Points: 0

Back again, site check please!

I think I sort of did what you said, but in my own hacked up kind of way. (Hey, you gotta learn somehow right?) Take a look, I uploaded my new files.

http://www.sumaira.net/PittsburghMuslim/index.html

Still having an issue with get it to be 100% in all browsers. In IE, I get a pixel scrolling and Im sure if it was on a 1600X screen that it wont tile all the way. In most Netscape, Opera and Mozilla browsers there is a gap at the bottom. *sigh*

markaxsysdesign
markaxsysdesign's picture
Offline
Regular
Toccoa, Georgia
Last seen: 15 years 44 weeks ago
Toccoa, Georgia
Joined: 2004-01-09
Posts: 42
Points: 0

Back again, site check please!

The problem with the gap is related to the percentage. Say we split the site into two different sections...the header, and the main content. I think what I saw when I looked at your CSS was that the main content had a height of 89%. This is ok...but only if the header was 11%. If the header has a static height then we are going to run into some problems.

Say for instance the header was 110 px high. Now lets put that in a browser window that is 1000px high. In this senerio your web site would look perfect because the resulting main content would be 890px high. Now lets look at what is wrong with this...

Say the browser window was reduced in height to 500px. Now you have 110px for the header + 89% for the main content (89% of 500 = 445) and come up with a total height of 555. So now you have a site that is 555px high in a browser window that is 500px high.

Now lets take a browser window and increase it to 2000px in height. You have 110px for the header + 89% for the main content (89% of 2000 = 1780) and come up with a total of 1890. So now you have a site that is 1890px high in a 2000px browser window.

I hope that helps some in explaining what is wrong. Basically static height + percentage height = bad thing. I will look at your CSS and HTML further this afternoon and help with a possible solution...but right now I must go to class.

http//mark.axsysdesign.com