943,678 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > css position problems
Ad:
Permalink
Feb 19th, 2009
0

css position problems

Expand Post »
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:
HTML and CSS Syntax (Toggle Plain Text)
  1. html 
  2. {
  3. 	height: 100%;
  4. 	overflow-x: auto;
  5. 	position:absolute;
  6.  
  7. }
  8.  
  9. body
  10. {
  11. 	background: #F0F1F3;
  12. 	color: #
  13. 	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
  14. 	font-size: 10px;
  15. 	line-height: 135%;
  16. 	margin: 0 auto;
  17. 	padding: 0; 
  18. 	text-align: left;
  19. }
  20.  
  21. #logo {
  22. 	padding-top: 1em;
  23. 	height:100%;
  24. 	margin:0 auto;
  25. 	padding-left: 28em;
  26. }

Help please!!!!!!
Last edited by sam1; Feb 19th, 2009 at 11:24 am.
Similar Threads
Reputation Points: 10
Solved Threads: 1
Posting Whiz
sam1 is offline Offline
300 posts
since Nov 2004
Permalink
Feb 22nd, 2009
0

Re: css position problems

Click to Expand / Collapse  Quote 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.
Quote ...
HTML and CSS Syntax (Toggle Plain Text)
  1. html 
  2. {
  3. 	height: 100%;
  4. 	overflow-x: auto;
  5. 	position:absolute;
  6.  
  7. }
  8.  
  9. body
  10. {
  11. 	background: #F0F1F3;
  12. 	color: #

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

That's far too small for many people to read. It is better to set the font-size to 100%.
Quote ...
HTML and CSS Syntax (Toggle Plain Text)
  1. 	line-height: 135%;
  2. 	margin: 0 auto;
  3. 	padding: 0; 
  4. 	text-align: left;
  5. }
  6.  
  7. #logo {
  8. 	padding-top: 1em;
  9. 	height:100%;
  10. 	margin:0 auto;
  11. 	padding-left: 28em;
  12. }
Reputation Points: 25
Solved Threads: 23
Junior Poster
cfajohnson is offline Offline
193 posts
since Dec 2008
Permalink
Feb 22nd, 2009
0

Re: css position problems

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.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Is there anybody know about the YUI library
Next Thread in HTML and CSS Forum Timeline: Text overlay on image using css???





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC