こんにちは誰かが私を助けてくれますか、私のコンピュータは私を狂わせています、それは昨日働いていました、そして今はそうではありません、私は私のコンピュータでも試しました、そして別のブラウザでこの問題を修正するものは何もありません。
基本的に私はニュースボードを持っており、mysqlからプルスルーするニュースフィードがあります。
テキストを「news_feeds_board_text」というdivに入れて、好きなように配置できるようにしようとしています。
このテキストに与える幅やパディングが何であれ、それでも右側にオーバーフローします。
誰かが私がどこで間違っているのか教えてくれませんか、本当に感謝します。
たとえば、私が望むようにこのように見える代わりに：
The Cat Sat on the
Fence and licked
itself over and
over again.
これを行う：
The Cat Sat on the Fence and licked itself over and over again.
それはニュースボードから溢れ出ており、私は理由がわかりません。私はそのCSSの問題を知っていますが、方法がわかりませんか？
これが私のdivがphpでどのようにレイアウトされているかです：
<?php
$social_feeds_set = get_social_feeds_set();
while ($feeds = mysql_fetch_array($social_feeds_set)) {
?>
<div class="socialcase" id="socialcase">
<div class="socialcase_top"></div>
<div class="socialcase_img">
<?php echo "<a href=\"profile.php?id={$feeds['user_id']}\"><img width=\"60px\" height=\"60px\" src=\"data/photos/{$feeds['user_id']}/_default.jpg\" /></a>";?></div>
<div class="social-text">
<?php echo "{$feeds['display_name']}"; ?> says:<br/><br/><?php echo "{$feeds['content']}"; ?>
</div>
</div>
<? } ?>
<div class="board-wall-feeds">
<div class="social_header">
<?php echo "$profile[2]" ?>'s News & Updates:
</div>
<?php
$social_news_board = social_news_board();
while ($news = mysql_fetch_array($social_news_board)) { ?>
<div class="news_feeds_board">
<div class="social_clip"></div>
<div class="news_feeds_board_text"><? echo "{$news['content']}"; ?></div>
<div class="social_footer">
<?
$datetime1 = new DateTime();
$datetime2 = new DateTime ($news['date_added']);
$interval = $datetime1->diff($datetime2);
$mdhms = explode('-',$interval->format('%m-%d-%H-%i-%s'));
$labels = Array(' months', ' days', ' hours', ' minutes', ' seconds');
$i = 0;
foreach($mdhms as $t){
if($t > 0) break;
$i+=1;
}
echo "about ".$t.$labels[$i]." ago"; ?></div></div>
<? } ?>
</div>
これが問題を引き起こしているだけのdivのcssです：
.board-wall-feeds {
text-align: left;
font-family: Arial;
font-size: 12px;
color: #6d6d6d;
background: #fff;
border: 1px solid #e6e6e6;
padding: 20px 15px 20px 15px;
margin-top:0px;
margin-left:275px;
-moz-box-shadow: 2px 3px 2px #d6d6d6;
-webkit-box-shadow: 2px 3px 2px #d6d6d6;
box-shadow: 2px 3px 2px #d6d6d6;
display: block;
width:300px;
height:400px;
position:absolute;
z-index:10;
padding-top:15px;
overflow:hidden;
}
.news_feeds_board {
width:301px;
min-height:50px;
background: #ffffff;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
float:right;
position:relative;
z-index:99;
margin-right:0px;
}
.news_feeds_board_text {
padding-left:0px;
padding-right:20px;
padding-bottom:20px;
padding-top:20px;
color:#666;
}