0

私は現在、メインコンテンツ領域のこのデザインとレイアウトのサイトで作業しています:http: //img528.imageshack.us/img528/9483/screenshot20120429at124.png

ただし、適切なセマンティクスを使用してHTMLとCSSを作成するのは少し難しいと感じています。
まず、divを使用して左右の列を分割する必要がありますか、それともHTML5セクションタグと画像のasideタグを使用する必要がありますか?

次に、各セクションまたはエリアを配置するための最良の方法は何ですか?

そして最後に、そうは言っても、各コンテンツ領域の下部には、水平方向にインラインにする必要のある2つのボタンがあります。サイトのユーザーが後で自分のテキストを配置し、より多くのテキストが内部に配置されるにつれて両方のボタンを押すか、さらに下に配置する必要があるという事実を考慮して、これを達成するための最良の方法は何ですか。

このjsfiddleは現在、それを機能させているものです...しかし、間違っているように見えますか? http://jsfiddle.net/LGEKW/

これらの2つのボタンが現在のdivにある場合、絶対位置、相対位置、または浮動小数点数を使用しますか…わかりません。これをどのように行うかについての助けをいただければ幸いです。

4

1 に答える 1

2
  1. 使用している場合は<!doctype html>、セマンティックタグを使用することをお勧めします。これdivsは、セマンティックな意味がまったくないためです。
  2. 私の考えでは、要素を配置する最良の方法は、float プロパティを使用することです
  3. ボタンもフロートする必要があります。ありませんabsolutely positioned。したがって、ユーザーがコンテンツを追加すると、それらはプッシュダウンされます。同じラッパーのコンテンツの後に配置してみてください
  4. br各段落の後にタグをドロップします。p要素はブロックレベルです-margin-bottomプロパティを使用して次pを少し押し下げることができます
于 2012-04-29T09:09:37.030 に答える