Foros del Web - Ver Mensaje Individual

#1 (**permalink**) 07/10/2006, 06:12

Hola estoy realizando un nuevo modelo de mi web esta puesto en esta direccion:

http://www.antera-solutions.com/prueva.htm

Pues bien quiero que la parte que sobresale blanca a la derecha no sobresalga.
Quiero tambien que la franja discontinua salga entre las dos cajas.
Quiero que la cja de la derecha quede a la derecha y no debajo de la linea discontinua.

PD: No quiero modificar el witdh del cuerpo el de las cajas si se puede modificar.

Os dejo el codigo de:

prueva.htm:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Antera Solutions :: Diseño y desarrollo web a medida</title>
<meta name="title" content="Antera Solutions :: Diseño y desarrollo web a medida">
<meta name="Keywords" content="Diseño web, desarrollo web, creacion de webs, promocion web, antera solutions, portfolio, servicos, empresa, española">
<meta name="Description" content="Empresa española que ofrece servicios de diseño y desarrollo web para cada cliente">
<meta name="author" content="Antera Solutions">
<meta name="revisit-after" content="15 days">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"><img src="imagenes/header.jpg" width="700" height="150" alt="Antera Solutions :: Diseño y desarrollo web a medida"></div>
<div id="cuerpo">
<div id="barra-arriba"><img src="imagenes/barra-arriba-grande.jpg" width="700" height="20"></div>
<div id="enlaces"><a href="#" class="link-arriba"> Inicio </a> | <a href="#" class="link-arriba"> Portfolio </a> | <a href="#" class="link-arriba"> Servicios </a> | <a href="#" class="link-arriba"> Enlaces </a> | <a href="#" class="link-arriba"> Contacto </a><br>
</div>
<div id="general">
<div id="caja">
<p><h5>Introducción</h5></p>
<p>Internet es una red de redes a escala mundial de millones de computadoras interconectadas con un conjunto de protocolos, en la actualidad internet incluye alrededor de 5000 redes en todo el mundo y existen millones de paginas web que ni dedicándole toda una vida nos daría tiempo ha visitarlas todas.</p>
<p>Para muchas empresas, tener una sólida presencia en Internet ha pasado de ser una opción más a toda una necesidad. Su página web es, en muchas ocasiones, el primer y más importante contacto que tiene el cliente con la empresa y sus servicios.</p>
<p>Por ello Antera Solutions pone a su disposición sus servicios de diseño y desarrollo web por que creemos que toda empresa debe de tener su sitio en la red y por que cremos que queda mucho por hacer tanto en el diseño como que en en el desarrollo web a medida de cada cliente.</p>
</div>
<div id="linea-central"></div>
<div id="texto-derecha">jfjggfhgf</div>
</div></div>
</body>
</html>

estilo3.css:

Cita:

/* CSS Document */

/* Valores Generales */
a{
text-decoration:none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
body {
background-color:#0066CC;
vertical-align: middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top: 25px;
}
P {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
padding-right: 5px;
}

/* Links Arriba */

.Estilo-barra-1{
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

/* Links Arriba */

a.link-arriba{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:link{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:visited{
text-decoration:none;
color: #004F9D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #FFFFFF;
}
a.link-arriba:hover{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #004F9D;
}
a.link-arriba:active{
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
background-color: #004F9D;
}

/* Cabecera , Cuerpo , Barra (Arriba/Abajo) y Enlaces*/
#header{
background-image: url(imagenes/header.jpg);
display:block;
width: 700px;
padding: 0px;
margin: auto;
}
#cuerpo{
background-color:#FFFFFF;
width: 675px;
margin: auto;
padding: 0px;
}
#barra-arriba{
width: 700px;
margin: auto;
}
#enlaces{
width: 700px;
margin: auto;
text-align: center;
padding-top: 5px;
border-bottom: 1px dashed #666666;
padding-bottom: 7px;
}

/* Texto y General */

#general {
width: 700px;
margin: auto;
background-color: #FFFFFF;
padding: 20px;
}
#caja h5 {
display: inline;
color: #004F9D;
font-weight: bold;
font-size: 14px;
text-align: center;
}
#caja {
width: 250px;
margin: auto;
background-color: #FFFFFF;
border: 3px solid #004F9D;
padding: 20px;
float: left;
}
#linea-central {
height: 350px;
width: 5px;
margin: auto;
background-color: #FFFFFF;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
border-right: 1px dashed #666666;
}
#texto-derecha {
width: 250px;
margin: auto;
background-color: #FFFFFF;
border: 3px solid #004F9D;
padding: 20px;
float: right;
}

Un saludo