Problema con el borde derecho del contenido

Hola, tengo un problema con el borde, y es qué cuando yo tengo el contenido vacío sin ningún párrafo el borde se me ajusta a lo que es el ancho de la página, que cuando le meto párrafos se me agranda unos pixeles más, haber si pueden ayudarme, la página es http://magina-activa.mywebcommunity.org, si necesitan el código del stilo o el html los subo en cuanto me lo pidan, otra cosa, para ver el fallo del que hablo entren en la sección Actividades del menú, y abran la web con IE ya que con Firefox se descoloca todo y no se ve igual. Gracias

Hola,

eso pasa porque estas usando letra cursiva, entonces al inclinarse ocupa más pixeles. Haz lo siguiente: si has dejado de margen derecho digamos 15px aumentale a 18px.

Y por favor, cuéntame el resultado. saludos :wink:

No es por la letra cursiva, en la portada la letra es la misma y sin embargo no se mueve, y lo de cambiar los margenes ya lo he probado y nada, gracias de todas formas, aquí dejo el codigo del estilo:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify; font: italic bold 15px}
p1 {text-align: center; font: italic bold 15px}
h1 {font-size: 1.2em; color:green ; font-weight: bold ; text-decoration: none ;
text-align: center; font: italic bold 22px}
h2 {font-size: 1.1em; color:green ; font-weight: bold ; text-decoration: none ;
text-align: center; font: italic bold 22px}
h3 {font: italic bold 9px; margin: 5px 10px 0px 10px ; text-indent: 15px}
h4 {font-size: 1.1em; color:green ; font-weight: bold ; text-decoration: none ;
text-align: center; font: italic bold 15px}

body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:400px ; float:left; }
#publicidad {width:518px ; float:top ; margin-top:25px ; font: italic bold 24px }
#navegacion {background-color: #6B8E23 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: #F5DEB3; border-left: black 1px solid ; ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior-1.gif);
background-position: bottom ; padding-bottom:5px;}
#menu li {list-style:none ; margin: 4px 8px 4px 6px;}
#menu h1 {text-decoration:none ; font: italic bold 12px ; padding-top:12px ;
background-image: url(objetos/menu-curva-superior-1.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
font: italic bold 9px; }

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block; font: italic bold 16px }
a:link {}
a:visited {}
a:hover {color:green ; text-decoration:underline ; background-color: silver; font: italic bold 16px }
a:active {}

ayuda

ayuda

#contenido {background-color: #F5DEB3; border-left: black 1px solid ; width: 800px ; border-right: black 1px solid } sustituye esto por la actual capa de contenido y mira a ver si te sigue pasando... Yo no se mucho de css pero bueno = a si se soluciona.

Saludos.
Rafa.

no funciona pero gracias, se pone bien cuando la letra no es cursiva, pero solo me pasa en la pagina de actividades en las demás no

hola,

según los últimos códigos css que mandaste y que supongo son de tu página actividades.html tienes:

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}

y debería ser:

#contenido p {margin: 5px 18px 0px 10px ; text-indent: 15px}

Por favor, prueba con ese margen y déjalo así que quiero ver tu web pero con los 18 px en el margin-right.

Nose mucho de estilos css... Lo siento, de hecho he empezado hace poco hice todo el curso y estoy intentando hacer mi pagina web... Solo decirte que con firefox tu pagina se ve mal... No es grave pero te recomendaria definir todas las alturas... Ya que el logotipo se te mete en la subcabecera...

Saludos.
Rafa.

P.D: Si tu pagina se ve mal en cursiva y no sabes solucionarlo no pongas la letra en cursiva. Solo es un consejo ;)

peugeot ya cambie el margen derecho, de 15px a 18px y seguia igual, ya le he encontrado solución, y es porque la letra es cursiva, pero muchas gracias de todas formas, un saludo