...

View Full Version : Resolved Will having a height on the page make the page extend if there is more content?



BabyJack
11-16-2008, 11:33 AM
Hmm, not sure how to word this.
But if I set a height to my page, say 500px, will the height of the page extend if there is more content?

http://simgalaxy.missingstudios.com/?page=tutorials
There's the page. If I have little to no content, then the navigation will go off the main area of the site.

So I wanted to put a height on it so this doesn't happen.

If that makes much sence.

effpeetee
11-16-2008, 11:37 AM
I believe that setting min-height is the way to go.

Frank

BabyJack
11-16-2008, 11:46 AM
Of course! Thanks

but a problem:

http://simgalaxy.missingstudios.com/?page=downloads

How would I get the text to go straight down the page and not go below the sidebar?? :eek:

effpeetee
11-16-2008, 12:19 PM
This is just a quickie.

alter this to suit.


#content {Float:left;
width: 60%;
min-height: 500px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 11px;
font-color: #333333;
text-align: left;
border: 2px solid #fff;
}

Frank

BabyJack
11-16-2008, 12:28 PM
http://simgalaxy.missingstudios.com/?page=downloads
That messes up the page, badly.

abduraooft
11-16-2008, 12:37 PM
Please fix the markup errors first, before asking for help. See http://validator.w3.org/check?uri=http%3A%2F%2Fsimgalaxy.missingstudios.com%2F%3Fpage%3Ddownloads&charset=%28detect+automatically%29&doctype=Inline&group=0

BabyJack
11-16-2008, 12:46 PM
Ok, it validates now. http://validator.w3.org/check?uri=http%3A%2F%2Fsimgalaxy.missingstudios.com%2F%3Fpage%3Ddownloads&charset=(detect+automatically)&doctype=Inline&group=0
So back to the question.

effpeetee
11-16-2008, 12:53 PM
Try this for (http://exitfegs.co.uk/bhello.html)size.

Adjust as necessary.

It has some errors which I am working on.

Frank

abduraooft
11-16-2008, 12:58 PM
Will having a height on the page make the page extend if there is more content? No, in the standard browsers like FF, Opera, Safari etc, though it would work in IE.

So, the usual practice is to initially set a 100% height to the html and body elements.
Then apply a min-height:100%; to main wrapper element. Since min-height is not supported in IE, we will hack this for IE by the * html selector.

http://bonrouge.com/3c-hf-fluid.php explains and demonstrates this after setting a style

html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background:#ffffff url(bg.gif) top right repeat-y;
font-family:arial, serif;
}
#wrap {
position:relative;
background:url(bg.gif) top left repeat-y;
min-height:100%;
}
* html #wrap {height:100%}


Ok, it validates now.

Just forget about the depreciated element <center> and apply a margin-left:auto; margin-right:auto; to center an element.

BabyJack
11-16-2008, 01:02 PM
Thanks abduraooft! It worked!

Next Question- How can I get the sidebar to go all the way down to the page so the text doesn't go the way it is now on here: http://simgalaxy.missingstudios.com/?page=downloads

abduraooft
11-16-2008, 01:05 PM
Just apply margin-right:250px;(the width of your sidebar) to your #content


Thanks abduraooft! It worked! Not in that online version.

BabyJack
11-16-2008, 01:10 PM
Just apply margin-right:250px;(the width of your sidebar) to your #content

Not in that online version.

What is the online version?

effpeetee
11-16-2008, 01:56 PM
He probably means this one. At five posts above.

Try this for size (http://exitfegs.co.uk/bhello.html).

Adjust as necessary.


Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum