屏幕调整大小以适应分辨率

我已经上传了网站mrandmrsmagic.com，虽然它看起来很好，但是当它最大化时，最小化只显示了它的一半（我拿走了滚动条，因为它在最大化时显示所以也许会有一些悬念。）该网站本身，我使用5个不同的背景图像，因为我在Photoshop中切片（这是一段时间，因为我从头开始建立一个网站，所以编码可能相当混乱。）下面是我使用的5个div的css身体。屏幕调整大小以适应分辨率

#body { 
width: 1024px; 
height: 583px; 
marin: 0; 
padding: 0; 
position: relative; 
left: 448px; 
top: -128px; 
background: url(../images/body_02.jpg) no-repeat left top; 
} 

#body2 { 
width: 1024px; 
height: 583px; 
position: relative; 
left: 448px; 
top: -128px; 
background: url(../images/body2_02.jpg) no-repeat left top; 
} 

#body3 { 
width: 1024px; 
height: 583px; 
position: relative; 
left: 448px; 
top: -128px; 
background: url(../images/body3_02.jpg) no-repeat left top; 
} 

#body4 { 
width: 1024px; 
height: 583px; 
position: relative; 
left: 448px; 
top: -128px; 
background: url(../images/body4_02.jpg) no-repeat left top; 
} 

#body5 { 
width: 1024px; 
height: 583px; 
position: relative; 
left: 448px; 
top: -128px; 
background: url(../images/body5_02.jpg) no-repeat left top; 
} 

#body6 { 
width: 1024px; 
height: 583px; 
position: relative; 
left: 448px; 
top: -128px; 
background: url(../images/body6_02.jpg) 
}

我试图带走高度，并把宽度设置为100％，但后来没有补救，它几乎成了最糟糕的。那么有什么方法可以去切换CSS，我可以保留5个div吗？也许我应该只制作一个初始div标签，然后为这些机构制作5个类标签。这可能吗？任何和所有的帮助表示赞赏，谢谢。

来源

2012-09-20 Robert

我不知道你是问。我去了网站，当我调整我的浏览器窗口时，一切都显得很正常。 – tw16

你完全没有受益于使这些图像背景为<div> s，而你可能通过使用定位来解决这个问题。而无需重写整个事情对你来说，这里是一个 '好' 的办法：

CSS

<style> 
    /* Make your main components all the same width, and center them within <body>. Their heights will expand as needed */ 
    #header, #cssmenu, #content { width:1024px; margin:0 auto } 
    #cssmenu { ... } /* Looks like what you have will work fine */ 
    /* #body1/2/3/4....not needed */ 
</style>

HTML

<body> 
    <div id="header">...</div> 
    <div id="cssmenu">...</div> 
    <!-- img elements exist for a reason :-) don't be scared --> 
    <div id="content"><img src="body2.jpg"></div> 
</body>

来源

2012-09-20 16:43:38 Dawson

我想把在或者在一个css文件中？ – Robert

最佳做法是链接的.css文件 – Dawson

我希望你不介意，我通过你的网站向你发送了一封电子邮件。我还有几个问题。 – Robert