1

PSD から HTML への変換に問題があります。セクション 2 を見てください - そのセクションでは、タスクは次のとおりです。PSD から HTML への変換について調査しました -これが私のバージョンです ここに完全な PSD 画像があります

My variation sheme:
/---------------------------------\
|              |  |                |
| sdfdsfsdf    |S |  fsdfdsfsdf    |
| fdsfsdfds    |P |  fdfsdfsfsd    |
|              |A |  sdffsdf       |   
|              |C |                |
|              |E |  fsdfssf       |
|              |  |  sdfsfs        |
|              |  |  gdf           |
\---------------------------------/
This go messy with IE6 and small resolutions - <400px

2 つのブロックは角が丸い - 高さが同じでなければならない

IE6のサポートが必須であることを追加するのを忘れていました:(

4

3 に答える 3

1

あなたの場合のようにブロックの高さを等しくするには、使いやすいテーブルを使用できます。しかし、私は常に div レイアウトをお勧めします。div レイアウトでは、表示プロパティを利用できます。例えば

<div class="wrapper">
  <div class="left">
   content
  </div>
  <div class="right">
    content
  </div>
</div>

.wrapper{ width:1024px; display:table;}
.left,.right{display:table-cell; width:500px;margin:0 6px}

しかし、この display:table-cell は IE 6 では動作しません。

その場合、パディングと負のマージンを利用できます。

.left,.right{float:left; width:500px; padding-bottom:2000px; margin-bottom:-2000px; }
于 2012-02-09T08:11:35.947 に答える
0

<table><tr><td>Content</td><td>Content</td></table>すべてのブラウザでサポートされるシンプルな構造を使用してみませんか。

于 2012-02-09T09:11:48.603 に答える