CSS设计web浮动错误(低分辨率vs高分辨率)
我对浮动css有一个问题。。它在低分辨率上是完美的,但在高分辨率上是坏的。我有两列,左边和右边,它们分别是float:left和float:right。当我以低分辨率运行时,它是完美的显示器。像这样: 但当我在高分辨率上运行它时,会像这样: 下面是一些代码: index.phpCSS设计web浮动错误(低分辨率vs高分辨率),css,css-float,Css,Css Float,我对浮动css有一个问题。。它在低分辨率上是完美的,但在高分辨率上是坏的。我有两列,左边和右边,它们分别是float:left和float:right。当我以低分辨率运行时,它是完美的显示器。像这样: 但当我在高分辨率上运行它时,会像这样: 下面是一些代码: index.php <body> <div id="Content"> <div id="top-left"> <div class="float
<body>
<div id="Content">
<div id="top-left">
<div class="floatLeft" style="padding-top:34px">
<hr align="left" class="line1">
<div id="language">
<?php
include("include/language.php");
?>
</div>
<div class="clearBoth"></div>
</div>
<div class="imageIndex"><img src="images/coba.jpg"></div>
<div class="clearBoth"></div>
</div>
<div id="top-right">
<div id="csStatus" style="margin-left:-17px">
<?php
include("include/status.php");
?>
</div>
<div style="height:75px">
<?php
include("include/marketing.php");
?>
</div>
<div id="captionSlide">
</div>
<div class="floatLeft" style="padding-top:113px"><hr class="line2"></div>
</div>
<div class="clearBoth"></div>
<div class="floatLeft" style="margin-left:87px;margin-top:-110px;">
<img src="images/side.png">
</div>
<div id="contentTop">
<div id="logo">
<?php
include("include/logo.php");
?>
</div>
<div class="floatLeft" style="margin-left:54px"><img src="images/ctr.png"></div>
<table id="search">
<?php
include("include/search.php");
?>
</table>
<br>
<div id="menuLeft">
<?php
include("include/menu-left.php");
?>
</div>
<div id="menuRight">
<?php
include("include/menu-right.php");
?>
</div>
<br><br><br><br>
<div id="contentWeb">
<div id="contentLeft" style="float:left;">
<table id="leftTable">
<tr>
<td style="width:195px">
<div id="stockist">
PROJECT<br>
<img src="images/stockist.jpg" class="imageBorder">
</div>
</td>
<td style="width:230px;vertical-align:top;">
<span id="agenda">
AGENDA
</span><br><br>
</td>
</tr>
</table>
</div>
<div id="contentRight" style="float:right;">
<table id="rightTable">
<tr>
<td style="width:230px;vertical-align:top;">
<span id="latestProduct">
LATEST PRODUCT
</span><br><br>
<table>
</table>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="clearBoth"></div>
<div id="Footer">
<div id="contentFooter">
PT. TANGGA MAS JAYA MAKMUR scaffolding | Published by. BixelLite © 2012
</div>
</div>
</div>
</body>
有什么建议可以解决吗
非常感谢。只需在内容上设置一个宽度,以保持所有内容的宽度一致
多亏了Torr3nt在这个问题上向我们展示你的代码,或者做一些修改。我已经用代码和css更新了它。。感谢您必须在内容上设置宽度,以保持所有内容的宽度一致。
#Content {
margin:0px auto;}
.floatLeft{
float:left;}
#top-left{
float:left;}
#top-right{
float:right;}
#Footer{
background-color:#90bc21;
width:546px;
height:39px;
text-align:right;}