php - div text not positioning correctly with css? -



php - div text not positioning correctly with css? -

hi can help me please, computers driving me insane, working yesterday , not, ive tried on computer , on different browser nil correcting problem.

basically have news board, news feeds pull through mysql.

i trying encase text in div called 'news_feeds_board_text' can position how want.

whatever width or padding give text still overflows right hand side.

please can please show me im going wrong, appreciate thanks.

for illustration instead of looking how want it:

the cat sat on fence , licked on , on again.

its doing this:

the cat sat on fence , licked on , on again.

it overflowing out of news board , dont know why. know css issue dont know how?

here's how divs laid out 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 $t){ if($t > 0) break; $i+=1; } echo "about ".$t.$labels[$i]." ago"; ?></div></div> <? } ?> </div>

here's css divs can causing problem:

.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; }

there nil wrong css. thing effect display of text in code : {$news['content']}. value {$news['content']}? if contains should remove them , problem solved. way confirm there nil wrong css placing {$news['content']} in origin of document

php css html

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -