-1

新しいウェブサイトのコーディングを行っていますが、すべてのデザインと SEO の要件を満たすのに苦労しています。フルスクリーンのサイトには、最大幅 950 ピクセル、ページの全幅の上部と下部、幅 200 ピクセルの左側部分の中央領域、動的幅のコンテンツ領域があります - サイトが小さい画面で表示される場合画面の上下は上下のままですが、左はコンテンツの下に移動します。SEO の要件は、コード内のコンテンツを左部分の上に配置し、デザインの問題を修正するために JavaScript を使用しないことです。

私の大きな問題は、絶対位置を使用すると下部がページの下部にならないため、左側の部分を配置することです。フロートを使用すると、画面が 950px 未満で 320px を超えて左の位置を変更すると問題が発生します。

これらの要件の例を誰か教えてもらえますか?

編集：

絶対位置の簡単な例。

<!doctype html>
<html>
<head>
  <title>TEST</title>
</head>
<body>
  <div style="max-width: 750px; background-color: Red;">TOP</div>
  <div style="max-width: 750px; position: relative;">
    <div style="margin-left: 200px; background-color: Green;">CONTENT</div>
    <div style="width: 200px; position: absolute; top: 0; background-color: Silver;">LEFT<br>LEFT<br>LEFT<br>LEFT</div>
  </div>
  <div style="max-width: 750px; background-color: Blue;">BOTTOM</div>
</body>
</html>
4

2 に答える 2

0

'float：right;'を使用するだけです。— http://jsfiddle.net/ZeFf4/

于 2012-06-24T21:47:24.793 に答える
0

クローズ-JavaScriptを使用しないと不可能のようです。

于 2013-01-09T19:18:42.247 に答える