Css 分区对齐FireFox、IE7、IE6

Css 分区对齐FireFox、IE7、IE6,css,html,css-float,Css,Html,Css Float,我在调整IE6、IE7、IE8和Firfox 3中的几个分区时遇到问题。它们都不能正确呈现IE8和Firefox所不能呈现的内容 是否可以通过浮动和清除来执行此操作。。它们之间不需要任何间距,我只是这样画的。。。。此外,div的宽度应该是固定的 是的,这是可能的: <table> <tr> <td></td> <td rowspan='2'></td> </tr>

我在调整IE6、IE7、IE8和Firfox 3中的几个分区时遇到问题。它们都不能正确呈现IE8和Firefox所不能呈现的内容

是否可以通过浮动和清除来执行此操作。。它们之间不需要任何间距,我只是这样画的。。。。此外,div的宽度应该是固定的


是的,这是可能的:

<table>
    <tr>
        <td></td>
        <td rowspan='2'></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td colspan='2'></td>
    </tr>
</table>


当然,我只是在开玩笑

是的,这是可能的:

<table>
    <tr>
        <td></td>
        <td rowspan='2'></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td colspan='2'></td>
    </tr>
</table>


当然,我只是在开玩笑

两个左DIV和右DIV的组合高度不相等。当然,除非您指定它们,或者如果内容产生相同的高度。。。但我想这不应该是个问题吧

更新

<style type="text/css">
    #container {float:right;position:relative;}
    #left    {float:left;}
    #left_1  {float:left;}
    #left_2  {clear:left;float:left;}
    #right   {float:right;}
    #bottom  {float:left;clear:both;}
</style>

<div id="container">
    <div id="left">
        <div id="left_1">left 1</div>
        <div id="left_2">left 2</div>
    </div>

    <div id="right">right</div>

    <div id="bottom">bottom</div>
</div>

#容器{float:right;position:relative;}
#左{float:left;}
#左_1{float:left;}
#左_2{清除:左;浮动:左;}
#右{float:right;}
#底部{浮动:左;清除:两个;}
左1
左2
正确的
底部

两个左分区和右分区的高度不会相等。当然,除非您指定它们,或者如果内容产生相同的高度。。。但我想这不应该是个问题吧

更新

<style type="text/css">
    #container {float:right;position:relative;}
    #left    {float:left;}
    #left_1  {float:left;}
    #left_2  {clear:left;float:left;}
    #right   {float:right;}
    #bottom  {float:left;clear:both;}
</style>

<div id="container">
    <div id="left">
        <div id="left_1">left 1</div>
        <div id="left_2">left 2</div>
    </div>

    <div id="right">right</div>

    <div id="bottom">bottom</div>
</div>

#容器{float:right;position:relative;}
#左{float:left;}
#左_1{float:left;}
#左_2{清除:左;浮动:左;}
#右{float:right;}
#底部{浮动:左;清除:两个;}
左1
左2
正确的
底部

在firefox中使用固定宽度会导致#right位于left2下,而在ie中,这会导致#right一直浮动到页面的右侧……是否使用固定宽度会导致容器太小,无法容纳相邻的左右div?没有必要浮动#right,你可以给它一个大于或等于左div宽度的左边距,我没有尝试过,但是如果没有container div,它甚至可以工作,尽管就像我说的,我会给右div一个左边距,而不是浮动它。是的,这就是问题:),如果没有container div,right会一直浮动到页面的右侧,这可以修复吗?通过添加另一个与left1、left2一样长的div,底部呢?在firefox中,固定宽度会导致#right位于left2下,而在ie中,这会导致#right一直浮动到页面的右侧……是不是固定宽度会导致容器太小,无法容纳相邻的左右div?没有必要浮动#right,你可以给它一个大于或等于左div宽度的左边距,我没有尝试过,但是如果没有container div,它甚至可以工作,尽管就像我说的,我会给右div一个左边距,而不是浮动它。是的,这就是问题:),如果没有container div,right会一直浮动到页面的右侧,这可以修复吗?通过添加另一个与left1、left2和bottom一样长的div?一些代码将有助于了解到底是什么问题。这很容易做到,您希望div在HTML源代码中显示的顺序是什么?你能给它们编号吗?一些代码可以帮助你了解到底是什么问题。这很容易做到,你希望div在HTML源代码中显示的顺序是什么?你能给它们编号吗?+1,因为这确实有效;它在任何地方都有效。你们这些有“桌子恐惧症”的家伙需要克服它。+1因为这确实有效;它在任何地方都有效。你们这些“桌子恐惧症”的家伙需要克服它。