PDA

Click to See Complete Forum and Search --> : page items

shawnlp1
05-14-2007, 07:40 PM
I'm creating a web site and beginning with the homepage, I have a wide screen in which I'm creating the web site on and when I preview the page in browser view as I resize the page items move. Furthur more I've had this problem before were when the web site is view on another computer with a smaller screen some items are moved, cannot be seen or either aligned improperly. How can I prevent this.

Thanks to anyone that my reply.
Corey Bryant
05-15-2007, 04:52 AM
Really depends on the source code and the way that you have layed out thingg.

For example, if you used a percentage instead of a fixed width, things will move around when viewed on higher resolutions because there is more room.
Ascendancy
05-17-2007, 03:52 PM
Yea the only thing you really can do is use percentages. The other thing that I see a lot in designing sites for different browser sizes is setting the text in one center division, like how MySpace has all of the content aligned directly in the middle of the page. If that's something your interested in, here is the shell to use.


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title>
<style type="text/css">
<!--
* { margin: 0; padding: 0; }

html, body { height: 100%; min-height: 100%; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #CCCCCC; }

#wrapper { width: 750px; min-height: 100%; margin: 0 auto; background-color: #FFFFFF; }

* html #wrapper { height: 100%; }
--> </style>
</head>

<body>

<div id="wrapper">Content goes here</div>
</body>
</html>
shawnlp1
05-18-2007, 07:58 PM
Thanks again guys.