0

CSSの単純な3列のように見えるものに問題があります。IE8以降では正常に機能しますが、IE7の中央の列は左右の列の下に表示されます。私はすでにグーグルとここstackoverflowで解決策を探しましたが、何を試しても何もしないか、IE8以降で壊れます。正直なところ、プログラミングの達人ではないので、私の理解不足が原因である可能性が最も高いです。

前もって感謝します

CSSコード

.wrap {
margin:0 auto;
width:850px;
}

#proleft {
float: left;
width: 245px;
padding-right:10px;
border-right-style:solid;
border-width:1px;
border-color:#dddddd;
}

#procontent {
padding: 0 250px 0px 235px;
margin-left:40px;
margin-right:40px;
}

#proright {
padding-left: 10px;
float: right;
width: 250px;
border-left-style:solid;
border-width:1px;
border-color:#dddddd;
}

.clear {
clear: both;
}

HTML

<div class="wrap">

<div id="proleft">
CONTENT
</div>  

<div id="proright">
CONTENT 
</div>  

<div id="procontent">
CONTENT
</div>

<div class="clear"></div>           

</div>
4

2 に答える 2

0

私はこのようにします http://tinkerbin.com/cZNxkKK8

CSS

.wrap {
margin:0 auto;
width:850px;
}

#proleft {
float: left;
width: 250px;
padding: 0;
border-right-style:solid;
border-width:1px;
border-color:#dddddd;
}

#procontent {
float: left;
padding: 0 40px;
}

#proright {
padding: 0;
float: right;
width: 250px;
border-left-style:solid;
border-width:1px;
border-color:#dddddd;
}

.clear {
clear: both;
}

html

<div class="wrap">

<div id="proleft">
CONTENT
</div>  

<div id="procontent">
CONTENT
</div>

<div id="proright">
CONTENT 
</div>  

<div class="clear"></div>           

</div>
于 2013-02-14T15:41:27.643 に答える
0

それはまさにあなたの答えの解決策ではありません。しかし、このコードは必要な結果を取得します。

http://jsfiddle.net/mXnS5/

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Hey</title>
</head>
<body>
    <div id="wrap">
        <div id="proleft">

        </div>

        <div id="proright">

        </div>
        <div id="procontent">

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

CSS

#wrap {
margin:0 auto;
width:850px;
}

#wrap > div {
height:300px;
}

#proleft { float:left; width:245px; background-color:#CCC; }
#proright { float:right; width:245px; background-color:#DDD;}
#procontent { margin-left:245px; margin-right:245px; background-color:#EEE;}
于 2013-02-14T16:02:50.047 に答える