floatの効果がなく右メニューがメインの下に落ちてしまう。

[新着] Webテンプレートを仮オープンしました

0   名前： 夜一 ： 2007/02/07（水） 13:31  ID:s6JK945A sub-Ds
初心者的な質問で申し訳ありません。自分でも調べてみたんですが全然分からなかったので書き込ませていただきました。

【現在の状況】
→ 確かカウンターかアクセス解析を導入した際かスタイルシートを改造していたら、３カラムのブログの右メニューがメインの下に表示されてしまうようになってしまいました。
自分でも調べたところfloatで回り込みをすればいいと思うんですけど、見てみたところそれもちゃんとなってるし、サイズが大きくてそうなってるでもなさそうなんです。

回答おねがいいたします。

↓これがそのスタイルシートです。

body {
font-family: Arial, Helvetica, sans-serif;
background-image:url;
background-repeat:repeat-x;
background-color:696969;
margin:0px;
padding:0px;
text-align:center; /* IEでセンタリング */
}
#container{
width:850px;
background-color:FFFFFB;
text-align:left;
margin:0px auto 0px auto; /* Mozilla系ブラウザでセンタリング */
}
A { text-decoration: underline;
color:#006699;
}

h1 {
margin:0px;
padding-top:0px;
font-weight:bolder;
font-size:30px;
padding: 5px;
}
h1 a{
color:#000000;
font-family:arial, Helvetica;
text-decoration: none;
font-family:sans-serif;
font-weight:bolder;
}

h2 {
padding: 0px;
font-size:100%;
font-weight:bolder;
margin:0px;
}

h3 {
padding: 0px;
font-size:14px;
font-weight:bold;
font-family:arial, Helvetica;
}

H3 a{
padding: 0px;
font-weight:bolder;
font-size:100%;
color:#FFFFFF;
}

#banner{
font-family:arial, Helvetica;
color:#69C;
margin:0px;
width:100%;
padding:10px;
}

.description {
color:#000000;
margin-left: 20px;
font-size:16px;
font-family:sans-serif;
font-weight:bold;
line-height:140%;
}

.navi {
color:#00F;
font-size:90%;
text-align:center;
margin-bottom:10px;
width:100%;
}

#content {
margin-bottom:30px;
margin-top:25px;
margin-left:10px;
margin-right:10px;
float:left;
width:469px
}

.blog {
}

.blogbody {
color: #000000;
font-size:100%;
margin-bottom:10px;
border:1px #000000 solid;
background:FBFFFF;
}

.date{
font-size: 100%;
color: #000000;
font-weight:;
padding:0px;
text-align:right;
background:
margin:0px;
padding-right:5px;
}

.title{
color: #FFFFFF;
font-size: 14pt;
padding:0px;
font-weight:bold;
background:205900;
margin:0px;
padding-left:5px;
padding-right:5px;
position:relative;
}
.title a{
border:none;
}

.text{
font-size: 12pt;
color: #000000;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
}

.text a{
color: #0000ff; /*リンクの色*/
text-decoration: underline; /*下線無し*/
}

a:hover{
color: #000000; /*リンクの色*/
text-decoration: none; /*下線あり*/
background: FFA4C6;　　
}

.posted{
font-size: 80%;
color: #000;
text-align: right;
margin-top:10px;
margin-bottom:5px;
padding:3px 3px 3px 5px;
}
.posted a{
color:#00F;
text-decoration: underline;
}

#links-left {
font-weight:normal;
width:170px;
float:left;
margin-left: 5px;
margin-right: 5px;
margin-top:25px;
}
#links {
font-weight:normal;
width:170px;
float:left;
margin-left: 5px;
margin-right: 5px;
margin-top:25px;
}

#calendar {
font-size:95%;
font-weight:normal;
background:FBFFFF;
border:1px solid #000;
width:100%;
}
#calendar table {
width:100%;
}

.calendarhead {
color:#FFFFFF;
background:#000000;
font-size:80%;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
text-align:center;
}
.calendarhead a{
color:#FFFFFF;
text-decoration:none;
}
.calendarhead .calendarday{
color:#FFFFFF;
}
.calendarhead .calendarday a{
color:#FFFFFF;
text-decoration:none;
}

.calendarday {
font-size:80%;
font-weight:normal;
color: #003333;
}
.calendarday a{
font-size:100%;
color:#0000FF;
text-decoration: underline;
}

.sidetitle {
color:005900;
font-size:10pt;
font-weight:normal;
padding:0px;
margin-top:15px;
font-weight:bold;
width:100%;
background:FFA4A4;
text-align: center;
}

.side {
color:#000;
font-size:11.5pt;
line-height:1.4em;
font-weight:normal;
background:FFECEC;
padding:5px;
width:100%;
border:0px solid #000;
}
.side a{
color: #000000; /*リンクの色*/
text-decoration: underline; /*下線無し*/
}

a:hover{
color: #000000; /*リンクの色*/
text-decoration: none; /*下線あり*/
background: FFA4C6;　　
}
.side-tag {
color:#000;
font-size:80%;
font-weight:normal;
background:#CFCFCF;
padding:5px;
width:100%;
border:1px solid #000;
}
.side-tag a{
font-size:12px;
text-decoration:none;
}

.powered {
line-height:120%;
padding:2px;
margin-top:20px;
width:100%;
text-align:center;
}

.syndicate {
font-size:x-small;
line-height:140%;
padding:2px;
margin-top:15px;
text-align:center;
width:100%;
margin-bottom:20px;
}

#comments {
width:100%;
margin-top:25px;
background:#CFCFCF;
border:1px dotted #FFF;
}

.comments-head{
background:#006699;
color:#FFF;
font-size:90%;
font-weight:normal;
line-height:140%;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dotted #999;
}

.comments-body {
color:#003333;
font-size:90%;
font-weight:normal;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
border-bottom:1px dotted #999;
}

.comments-post {
color:#003333;
font-size:90%;
font-weight:normal;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
#trackback {
width:100%;
margin-top:25px;
background:#CFCFCF;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
border:1px dotted #FFF;
}
.trackback-url {
color:#003333;
font-size:100%;
font-weight:normal;
background:#FFF;
line-height:140%;
padding:5px;
border:1px dotted #999;
}

.trackback-body {
color:#003333;
font-size:100%;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #999;
}

.trackback-post {
color:#003333;
font-size:x-small;
font-weight:normal;
background:#FFF;
}

#footer{
clear:left;
width:100%;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}

#diet-container{
border:1px solid #999;
padding:5px;
margin-bottom:5px;
}

.diet-title{
background-color:#333333;
padding:2px 10px 2px 5px;
font-size:12px;
color:#FFFFFF;
background-image:url(http://blog.seesaa.jp/img/diet/right_bt.gif);
background-position:right;
background-repeat:no-repeat;
width:90px;
margin-top:5px;
}

.diet-content{
padding-left:10px;font-size:12px;
}

#diet-foods{
padding-left:10px;font-size:12px;
}

.food-title{
width:20%;
clear:left;
float:left;
}

.food-content{
width:75%;
padding-top:10px;
}

blockquote{
border:1px dotted #666;
padding:5px;
}
.tag-word{
margin:20px 0px 0px 0px;
line-height:1.4em;
}
.tag{
padding:10px;
position:relative;
font-size:80%;
background:#CCCCCC;
border:1px #000000 solid;
}
.tag a{
color:#0000FF;
}

#tag_cloud{
border:1px solid #000;
padding:10px;
text-align:left;
position:relative;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
font-size:120%;
font-weight:bold;
text-align:left;
}
.tag-body{
margin:10px 0px;
padding:10px 0px 0px 0px;
position:relative;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #000;
padding:0px 0px 5px 0px;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0px;
margin-bottom:10px;
font-weight:bold;
position:relative;
}
.tag-article{
padding:0px 10px 10px 10px;
text-align:left;
position:relative;
}
.tag-article-title{
text-align:left;
padding:0px 0px 5px 0px;
font-weight:bold;
position:relative;
}
.tag-article-posted{
font-weight:normal;
position:relative;
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
position:relative;
}
.tag-more{
text-align:right;
margin:10px 0px;
clear:left;
position:relative;
}
.tag-photos{
float:left;
margin:10px;
position:relative;
width:150px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-audios{
margin:5px;
position:relative;
}
.tag-audios-title{
text-align:left;
font-weight:bold;
padding:0px 0px 5px 0px;
position:relative;
}
.tag-audios-posted{
font-weight:normal;
position:relative;
}
.tag-videos{
float:left;
margin:10px;
position:relative;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}

1   名前： 匿名 ： 2007/02/07（水） 13:31  ID:cbJ72ng8 sub-Fw
で、htmlは？
2   名前： 夜一 ： 2007/02/07（水） 13:31  ID:s6JK945A sub-Ds
申し訳ありませんHTML忘れてましたコレです↓

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>
<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | tag_strip %> <% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>
</head>
<body>

<!--shinobi1-->
<script type="text/javascript" src="http://x4.tuzigiri.com/ufo/043382600"></script>
<noscript><a href="http://x4.tuzigiri.com/bin/gg?043382600" target="_blank">
<img src="http://x4.tuzigiri.com/bin/ll?043382600" border="0"></a><br>
<span style="font-size:9px">[PR] <a href="http://nettrade.rentalurl.net" target="_blank">ネット証券</a></span></noscript>
<!--shinobi2-->

<div id="container">
<script type="text/javascript" language="JavaScript" src="<% site_info.blog_url %>/contents/js/ad_plugin.js"></script>
<div id="banner">
<% content_header %>
</div>

<% if:have_content_left -%>
<div id="links-left">
<% content_left %>
</div>
<% /if -%>

<div id="content">
<% content_main %>
<% if:page_name eq 'comment' -%>
<div id="comments">
<div class="comments-head">"<% article.subject | tag_break %>"へのコメント<br /></div>


<input name="posted" type="submit" class="input-submit" value="書き込む"> <br />
</div>
</form>

<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="50"></textarea><br />
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />
</div>
</form>
</div>
<% /if -%>
<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog">

<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>

<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<div class="text"><% article.entire_body | text_summary(240) %></div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div>
</div>

</div>
<% /loop %>
<% /if -%>
<% if:page_name eq 'tag' -%>
<div class="tag">
<script type="text/javascript" language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script type="text/javascript" language="javascript"><!--
tag_cloud("tag_cloud");
--></script>
<br />
<% if:tag %><div class="tag-title">タグ&nbsp;/&nbsp;<% tag.word | html %></div><% /if -%>
<br />
<% loop:list_service -%>
<div class="tag-body">
<div class="tag-service"><% tag_service.title %></div>
<div class="tag-search"><a href="<% tag_service.page_url(tag) %>" target="_blank">'<% tag.word %>'&nbsp;でSeesaa全体を検索する</a></div>
<% if:tag_service.service_key eq 'articles' -%>
<% loop:list_data -%>
<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a>&nbsp;<span class="tag-article-posted">[<% article.createstamp | date_format("%Y/%m/%d %H:%M") %>]</span></div>
<!--<div class="tag-article-summary"><% article.entire_body | text_summary(240) | tag_strip %></div>-->
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'photos' -%>
<% loop:list_data -%>
<div class="tag-photos">
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
<table>
<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>
</table>
<div class="tag-photos-title"><a href="<% photo.page_url %>" target="_blank"><% photo.title | text_summary(10) %></a><br />
<% if:photo_info -%>
サイズ：<% photo_info.width %>×<% photo_info.height %><br />
<% if:photo_info.size %>容量：<% photo_info.size | filesize %><% /if %>
<% /if -%>
</div>
</div>

<% if:have_content_right -%>
<div id="links">
<% content_right %>
</div>
<% /if -%>

<div id="footer">
<% content_footer -%>
</div>

</div>

</body>
</html>
3   名前： カヅサツ ◆ThCi95HEzw ： 2007/02/07（水） 13:31  ［URL］  ID:O5hEMlpW sub-r2
ブログ(か何か)のテンプレートでは、検証が難しいと思いますが、とりあえず http://www.geocities.jp/multi_column/ が参考になると思います。

一覧へ戻る