Gestione <em>

[kilotto]

Mi capita che quando uso il tag [i] si allargi di qualche pixel la larghezza del <div>.

Come posso gestirlo???

[Another-Life]

posta il codice Html/Xhtml e quello Css pls..

[kilotto]

Uso WordPress, quindi inserisco i vari file.

index.php

<?php get_header(); ?>

<div id="content">
 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <div class="title">[url="<?php bloginfo('url'); ?>/feed"][img]<?php bloginfo('stylesheet_directory'); ?>/images/feed.gif[/img][/url] [url="<?php the_permalink() ?>"]<?php the_title(); ?>[/url]</div>
  <div class="time"><?php the_time('l, d M Y',display); ?></div>
  <div class="text"><?php the_content(__(''._MORE.'')); ?></div> 
  <div class="info"><?php edit_post_link(__(''._EDIT_THIS.' ·')); ?> Postato in <?php the_category(''._AND.'') ?> | <?php comments_popup_link(__('Commenti [ 0 ]'), __('Commenti [ 1 ]'), __('Commenti [ % ]')); ?> | Ore [url="<?php the_permalink() ?>"]<?php the_time('H:i') ?>[/url]</div>
 <?php endwhile; else: ?>
  <?php _e(''._NO_POSTS_MATCHED_YOUR_CRITERIA.''); ?>
 <?php endif; ?>
  <div id="nav-post">
   <div id="nav-post-left"><?php next_posts_link('&laquo; '._PREVIOUS_ENTRIES.'') ?></div>
   <div id="nav-post-right"><?php previous_posts_link(''._NEXT_ENTRIES.' &raquo;') ?></div>
  </div> 
</div> 

<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

sidebar.php

<div id="sidebar">

<div id="banner">
-banner-
</div>

<div id="navigation">
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_blogtimes.gif[/img]</div> 
  <div id="calendar-box">
  <?php get_calendar(); ?>
  </div>
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_pages.gif[/img]</div> 
  <div class="box">
  <ul>
   <?php wp_list_pages('title_li=' ); ?>[/list]
  </div>
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_categorie.gif[/img]</div> 
  <div class="box">
  <ul>
  <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>[/list]
  </div>
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_archivio.gif[/img]</div>
  <div class="box">
  <ul>
  <?php wp_get_archives('type=monthly'); ?>[/list]
  </div>
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_links.gif[/img]</div>
  <div class="box">
  <ul>
  <?php get_links_list(); ?>[/list]
  </div>
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_contattami.gif[/img]</div>
  <div class="box">
  [img]<?php bloginfo('stylesheet_directory'); ?>/images/contact_msn.gif[/img] kilotto[at]gmail.com 

  [img]<?php bloginfo('stylesheet_directory'); ?>/images/contact_email.gif[/img] kilotto[at]gmail.com
  </div>
</div>

<div id="extra">
 <div>[img]<?php bloginfo('stylesheet_directory'); ?>/images/title_commenti.gif[/img]</div>
  <div class="box1">
   <div id="recent-comments">
   <?php k_recent_comments('10','10','','','true'); ?>
   </div>
  </div>
</div>

</div>

style.css

/*  
Theme Name: kOra
Theme URI: [url]http://www.kilotto.com[/url]
Description: Theme by [url="http://www.kilotto.com"]Kilotto[/url]
Version: 1.0
Author: Kilotto
Author URI: [url]http://www.kilotto.com[/url]
*/

A:LINK, A:HOVER  {
    text-decoration: none;
    color: #0066CC;
}
A:VISITED {
    text-decoration: none;
    color: #004080;
}
BODY {
    text-align: center;
    background-image: url(images/bg.gif);
    font-family: "Trebuchet MS", Arial;
    font-size: 10pt;
    color: #333;
    margin: 0px auto;
    padding: 0;
}
BLOCKQUOTE {
    font-style: italic;
    margin: 0 0 0 15px;
    padding: 0 15px 0 10px;
    border-left: 3px solid #666;
}
EM {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 12pt;
    margin: 0;
    padding: 0;
}
IMG {
    border: none;
}
LI {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
OL {
    margin: 0;
    padding: 0;
}
UL {
    margin: 0;
    padding: 0;
}

/*** TEMPLATE ***/
#container {
    background-image: url(images/body-bg.gif);
    margin: 0px auto;
    width: 814px;
    background-repeat: repeat-y;
    overflow: hidden;
}
#header {
    background-image: url(images/head-bg.gif);
    width: 814px;
    height: 170px;
}
#content {
    float: left;
    text-align: left;
    margin: 0 0 0 3px;
    padding: 10px 10px 0 5px;
    _padding: 10px 5px 0 5px;
    width: 440px;
    _width: 450px;
}
#sidebar {
    float: left;
    text-align: left;
    width: 350px;
}
#banner {
    /* clear: both; */
    background: #FFF;
    margin: 0 10px 0 5px;
    padding: 10px 0;
}
#navigation {
    float: left;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    width: 186px;
    _width: 190px;
}
#extra {
    float: left;
    text-align: center;
    margin: 10px 0 0 5px;
    _margin: 10px 0 0 0px;
    width: 156px;
    _width: 160px;
}
#footer {
    clear: both;
    background-image: url(images/foot-bg.gif);
    margin: 0px auto;
    width: 814px;
    height: 60px;
}

/*** FORMATTING ***/
.box {
    text-align: left;
    font-size: 8pt;
    margin: 5px 0 15px 0;
    padding: 0 12px 0 12px;
}
.box1 {
    text-align: left;
    font-size: 8pt;
    margin: 5px 0 15px 0;
    padding: 0 15px 0 10px;
}
.box li {
    margin: 0;
    padding: 0 0 0 5px;
}
.info {
    text-align: right;
    font-size: 8pt;
    padding: 0 2px 20px 0;
}
#nav-post {
    display: inline;
    font-size: 8pt;
    color: #666;
    padding: 0 0 0 0;
    margin: 20px 10px 10px 10px;
}
#nav-post-left {
    display: inline;
    float: left;
    padding: 10px 0 0 10px;
    margin: 0;
}
#nav-post-right {
    display: inline;
    float: right;
    padding: 10px 10px 0 0;
    margin: 0;
}
.pagetitle {
    font-size: 12pt;
    padding: 0 0 10px 15px;
}
.text {
    text-align: justify;
    margin: 0;
    padding: 0 5px 0 15px;
}
.text a {
    font-weight: bold;
    color: #0066CC;
}
.text a:visited {
    font-weight: bold;
    color: #004080;
}
.text a:hover {
    font-weight: bold;
    color: #FF3333;
}
.time {
    font-size: 8pt;
    margin: 0;
    padding: 0 0 0 10px;
}
.title {
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
    padding: 0 5px 0 5px;
}
.title a, .title a:visited {
    color: #0066CC;
}
#strip {
    text-align: left;
    margin: 0 0 0 20px;
    padding: 100px 0 0 0;
}

/*** COMMENTS ***/
.comment {
    padding: 0;
    margin: 0 0 0 0px;    
}
#comments {
    padding: 0 0 10px 10px;
    margin: 0 0 0 0;
}
#commentform {
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
}
.comment-area {
    background-color: #F8FAFC;
    padding: 5px 10px;
    margin: 0px 5px 10px 5px;
    /* border-top: none;
    border-bottom: 1px solid #CCC;
    border-right: none;
    border-left: none; */
    border: 1px solid #CCC;
}
.comment-area p {
    padding: 0 0;
    margin: 10px 0;
}
#comment-author {
    font-size: 12pt;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
#comment-author a, #comment-author a:hover, #comment-author a:visited {
    color: #0066CC;
}
#comment-n {
    float: right;
    font-size: 14pt;
    font-weight: bold;
    color: #0066CC;
    padding: 0;
    margin: 0;
}
#comment-n a, #comment-n a:hover, #comment-n a:visited {
    color: #A7C1E2;
}
#comment-RSS, #comment-RSS a, #comment-RSS a:hover, #comment-RSS a:visited {
    font-size: 10px;
    color: #0066CC;
    margin: 0 0 10px 15px;
}
#comment-text p {
    margin: 10px 10px 10px 5px;
    padding: 0;
}
#comment-time {
    font-size: 8pt;
    color: #999;
    padding: 0 0 0 5px;
    margin: 0;
}
#comment-time a, #comment-time a:hover, #comment-time a:visited {
    color: #0066CC;
}
#postcomment {
    background-color: #000;
    color: #FFF;
    padding: 0 10px 0 10px;
    margin: 0 0px 0 5px;
}

/*** CALENDAR ***/
#calendar-box {
    margin: 0 0 15px 0;
    padding: 0;
}
#wp-calendar {
    background-color: #FAF9FA;
    border: 1px solid #ddd;
    empty-cells: show;
    font-size: 9pt;
    padding: 0 0 0 0;
    margin: 0px 10px;
    width: 160px;
}
#wp-calendar #next a {
    padding-right: 9pt;
    text-align: right;
}
#wp-calendar #prev a {
    padding-left: 9pt;
    text-align: left;
}
#wp-calendar a {
    display: block;
    background: #F2F2F2;
    border: 1px dashed #CCC;
    text-decoration: none;
}
#wp-calendar a:hover {
    background: #E2E2E2;
    color: #333;
}
#wp-calendar caption {
    color: #525E69;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
}
#wp-calendar td {
    color: #ccc;
    font: normal 9pt "Trebuchet MS", Arial;
    letter-spacing: normal;
    padding: 0px 0;
    text-align: center;
}
#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}
#wp-calendar #today{
    background-color: #E2E2E2;
    color: #333;
    border: 1px solid #CCC;
}

/*** RECENT COMMENTS ***/
#recent-comments {
    font-size: 8pt;
}
#recent-comments {
    color: #555;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    word-wrap: break-word;
}
#recent-comments a {
    /* color: #555; */
}
.rec-com-title {
    text-align: left;
    font-weight: bold;
    margin: 1px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.rec-com-title a,.rec-com-title a:visited  {
    color: #0066CC;
}
.rec-com-text {
    text-align: left;
    margin: 0 0 0 5px;
    padding: 0;
}
.rec-com-text a,.rec-com-text a:visited  {
    color: #555;
}
.rec-com-author {
    text-align: right;
    font-weight: bold;
    margin: 0 5px 5px 0;
    padding: 0;
} 

[kilotto]

Il campo in questione è il TEXT.

[salasir]

Forse il tuo problema è l'Italig Bug.

Guarda qui: Risoluzione dei problemi dei CSS

[kilotto]

Si, era proprio questo. Grazie.