HTML and CSS

css position problems

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Nov 2004

Posts: 257

Reputation: sam1 is an unknown quantity at this point

Solved Threads: 1

sam1

Offline

Posting Whiz in Training

css position problems

Feb 19th, 2009

Hi,

I have this in my css file i have said the html to be position:abolute but it doesnt when i minimise. if i say absolute in logo same thing nothing happens and the body comes at the top of logo:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

html 
{
	height: 100%;
	overflow-x: auto;
	position:absolute;
 
}
 
body
{
	background: #F0F1F3;
	color: #
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 10px;
	line-height: 135%;
	margin: 0 auto;
	padding: 0; 
	text-align: left;
}
 
#logo {
	padding-top: 1em;
	height:100%;
	margin:0 auto;
	padding-left: 28em;
}

Help please!!!!!!

Last edited by sam1; Feb 19th, 2009 at 11:24 am.

•

Join Date: Dec 2008

Posts: 64

Reputation: cfajohnson is an unknown quantity at this point

Solved Threads: 13

cfajohnson cfajohnson is offline

Offline

Junior Poster in Training

Re: css position problems

Feb 22nd, 2009

•

Originally Posted by sam1

Hi,

I have this in my css file i have said the html to be position:abolute but it doesnt when i minimise. if i say absolute in logo same thing nothing happens and the body comes at the top of logo:

What does "nothing happens" mean? What does happen? What do you want to happen?

First, check your code with http://validator.w3.org. Once your code is error free, post the URL so we can see what happens.

•

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
html 
{
	height: 100%;
	overflow-x: auto;
	position:absolute;
 
}
 
body
{
	background: #F0F1F3;
	color: #
html { height: 100%; overflow-x: auto; position:absolute; } body { background: #F0F1F3; color: #

Incomplete rule.

•

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 10px;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; font-size: 10px;

That's far too small for many people to read. It is better to set the font-size to 100%.

•

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)
	line-height: 135%;
	margin: 0 auto;
	padding: 0; 
	text-align: left;
}
 
#logo {
	padding-top: 1em;
	height:100%;
	margin:0 auto;
	padding-left: 28em;
}
line-height: 135%; margin: 0 auto; padding: 0; text-align: left; } #logo { padding-top: 1em; height:100%; margin:0 auto; padding-left: 28em; }

Chris F.A. Johnson
http://cfajohnson.com

•

Join Date: Jan 2007

Posts: 3,210

Reputation: MidiMagic has a spectacular aura about

Solved Threads: 165

MidiMagic

Offline

Nearly a Senior Poster

Re: css position problems

Feb 22nd, 2009

The height attribute, applied to html and body, is rendered in different ways on different browsers, if it is rendered at all. It is usually NOT the size of the window, but the height of the entire document after rendering.

There is no reliable way to make the document render to the size of the browser window, because there are so many variants of screen resolution, browser type, operating system, and window size.

Daylight-saving time uses more gasoline