-3

これについてはすでに多くのことがわかっていますが、すべてに目を通しましたが、明らかに何かが欠けているので、これについての理解が不足していることをお詫びします..:

#mainContent {
    display: block;
    width: 960;
}

#aboutColumn1501 {
width: 150px;
display: inline;
float: left;
}

#aboutColumn3301 {
width: 330px;
display: inline;
float; left;
}

#aboutColumn1502 {
width: 150px;
display: inline;
float: left;
}

#aboutColumn3302 {
width: 330px;
display: inline;
float: left;
}

<html>
<body>
<div id="mainContent">
<div id="aboutColums1501">menu</div>
<div id="aboutColums1502">image</div>
<div id="aboutColumns3301"><h2>first column</h2><p>first column blurb</p></div>
<div id="aboutColumns3302"><h2>next column</h2><p>2nd column BLURB</p></div>
</div><!-- end of #mainContent -->
<div style="clear:both"></div>
</body>
</html>
4

1 に答える 1

3

HTML と CSS にタイプミスがあります。

の後のセミコロンfloat:

#aboutColumn3301 {
  width: 330px;
  display: inline;
  float; left;
}

ID は同じではありません:

<div id="aboutColums1501">
<div id="aboutColums1502">
<div id="aboutColumns3301">
<div id="aboutColumns3302">

#aboutColumn1501 {
#aboutColumn3301 {
#aboutColumn1502 {
#aboutColumn3302 {
于 2013-01-08T21:45:45.300 に答える