PDA

View Full Version : Size matters in dreamweaver?


Ryan Mister Sir
02-19-2009, 07:38 PM
I've made a troubling discovery and I really hope you can help me today.

I've built two sites in Dreamweaver CS3 on my mac. I've tested it all the way through using F-12key looking at it in FireFox, IE and Opera. In testing it looks fine BUT then I've uploaded the site on godaddy and on every PC I've check the site on it's huge. It looks like an AARP site under a magnifine glass. It's too big. See for your self at ryanroydesign.com the other site I can't share here but it's the same problem. Looks great on Mac but PC not so good.

any suggestions?

davidj
02-19-2009, 09:24 PM
what resolutions are you using on both machines

Ryan Mister Sir
02-19-2009, 09:49 PM
Are you asking what is the resolutions of the computers that display the sites too big? I'm not sure about that but so far it's been in all Windows PC's running vista or xp and in IE and FireFox browsers. I've had people check if from Maine to NJ and Florida they are all seeing it display the same way.

edbr
02-19-2009, 11:56 PM
your image sizes are 1000 pixels wide thats why
<img src="home_images/fingers_hand.jpg" width="1000" height="93" />

Ryan Mister Sir
02-20-2009, 01:21 AM
Okay good idea in fact I bet that is reason but if I resize to say 800 px when it's going to look much smaller on the mac side don't you think. Do you know of any code that would resize this site down if it's viewed on a PC (because it looks ok on a pc if you hit control minus and zoom down.)

edbr
02-20-2009, 01:28 AM
how it looks is going to depend on the resolution of the monitor . what is your target viewers going to use. My guess would be that the majority will be windows users and a screen res of 1024, You cannot effectively scale images so it would be better to use a fluid page layout insted of all those absolute divs that you use at present

davidj
02-20-2009, 06:39 AM
Do you know of any code that would resize this site down if it's viewed on a PC (because it looks ok on a pc if you hit control minus and zoom down.)


ah you never said you were zooming from the browser to make the site look OK!

this level of knowledge is worrying especially from a clients perspective

Ryan Mister Sir
02-26-2009, 01:25 PM
Okay I re-sized the other site (I can't share it) to 800 wide and that was the issue thanks, it's much better for pc users now, now on to my personal site.
One additional question I want to ask edbr however is can you elaborate on fluid page layout for me? I'm trying to do absolute layout with css but I'm interested in learning other ways if they are better and more efficient.

edbr
02-27-2009, 12:26 AM
by fluid i meant styling in prercentages. a wrapper set to a percentage of total page if yu will then child dive set at percentage also. example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#wrapper {
width: 90%;
border: solid 1px #000;
position: relative;
margin:auto,
}
#sidebar {
background-color: #FF0;
float: left;
width: 20%;
position: relative;
}
#content {
background-color: #0FF;
float: left;
width: 78%;
position: relative;
}
-->
</style></head>

<body>
<div id="wrapper">

<div id="sidebar">sidebar </div>
<div id="content">Content</div>


</div>
</body>
</html>