471,603 Members | 1,485 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,603 software developers and data experts.

Autofitting Help!

Niner49
Alright I'm working on a project and I was just wondering how you auto fit the content of a webpage to fit any screen dimension? So that when a person with large widesreen monitor views my page it appears roughly the same as a person that views on a smaller monitor.

This is just a template so far: webpages.uncc.edu/~cpedwar1/project.htm
Nov 25 '07 #1
3 1273
drhowarddrfine
7,435 Expert 4TB
Your link doesn't work.

Not sure what you mean by autofit. Do you mean center or make the content expand/shrink?
Nov 25 '07 #2
Your link doesn't work.

Not sure what you mean by autofit. Do you mean center or make the content expand/shrink?
I'm wasn't sure what it was called. But I hava a background color and the content of the page on top off that. I would like to center the content on the page, and have it expand and shrink as needed for different monitors. My desktop has a small monitor and it appears to be centered on it, but on my laptop the content on the left margin with open space to the right.

here is the code the code

Thanks for any help you can give
[html]
<html>
<head>
<title>Final Project</title>
<style type="text/css">
img.header{
position:absolute;
top: 25;
left: 175;
width: 800
}
div.lMarg{
position:absolute;
top: 25;
left: 25;
width: 150;
height: 545;
background-color:black;
text-align:center; padding: 5
}
h2.Marg{
color:white;
text-align:center;
font: 18pt
}
div.bd{position:absolute;
top: 119;
left: 175;
width: 800;
height:
452;
background-color:003300;
h2.body{
color:red;
text-align:center
}
</style>
</head>
<body bgcolor="009900">
<img class="header" src="NASCAR6.jpg" alt="header">
<div class="lMarg">
<center><img src="NXT.jpg" alt="nextel cup insignia"></center>
<br/><h2 class="Marg"><u>Interesting Links</U></h3><br/>
<a href="http://www.nascar.com" target="Nascar website">
NASCAR Official Website
</a><br/>
<a href="http://webpages.uncc.edu/~cpedwar1/final_project2.htm" target="Drivers">
Top Driver Bio's
</a>
</div>
<div class="bd">
<h2 class="body">National Association for Stock Car Auto Racing</h2>
</div>
</body>
</html>[/html]
Nov 25 '07 #3
drhowarddrfine
7,435 Expert 4TB
I have to leave and will be in/out for most the day but here are a couple of notes you need to work on.

1) Without a proper doctype, you will never get IE to perform correctly; like modern browsers do. See the article about doctypes under "Howtos" above.

2) In your css, all lengths must have units assigned to them, ie, "width: 25px;"
Nov 25 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

10 posts views Thread by Jacek Generowicz | last post: by
6 posts views Thread by wukexin | last post: by
3 posts views Thread by Colin J. Williams | last post: by
7 posts views Thread by Corepaul | last post: by
5 posts views Thread by Steve | last post: by
8 posts views Thread by Mark | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by MichaelMortimer | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.