string se me sale del body

Iniciado por valen46, 4 Febrero 2014, 22:07 PM

0 Miembros y 1 Visitante están viendo este tema.

valen46

Buenas!! Tengo un string muy largo el cual al mostrarlo se me sale del body y queda bastante feo la verdad...

Adjunto un codigo mas basico del que tengo, ya que la variable la saco de un txt.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="no-js" lang="en">
<head>

<meta charset='iso-8859-1'>

<title>Mi pagina</title>

<style>

.centrar { text-align:center; }
.contenedor-tabla{
display: table;
}
.contenedor-fila{
display: table-row;
}
.contenedor-columna{
display: table-cell;
}

.titulo{
font-family: Arial, sans-serif;
line-height: 1em;
color: #75767a;
font-weight:bold;
font-size: 50px;
text-shadow:0px 0px 0 rgb(93,94,98),1px 1px 0 rgb(78,79,83),2px 2px 0 rgb(64,65,69),3px 3px 0 rgb(49,50,54),4px 4px 0 rgb(35,36,40),5px 5px 0 rgb(20,21,25), 6px 6px 0 rgb(6,7,11),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}
.titulo A:link {color: #75767a; font-size: 50px; font-family: arial; text-decoration: none }
.titulo A:hover {color: #75767a; font-size: 50px; font-family: arial; text-decoration: none }
.titulo A:visited {color: #75767a; font-size: 50px; font-family: arial; text-decoration: none }
#encabezadoDiv{
border: groove #ccc;
background-color:#ccc;
border-radius: 40px 10px;
margin: 5px;
margin-left: auto;
margin-right: auto;
width: 70%;
/*width: 65%;
height: 200px;*/
}
#menu_wrapper {
   float:center;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}
#menu_wrapper ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#menu_wrapper ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#menu_wrapper ul li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}
#menu_wrapper ul li a:hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
}
#menu_wrapper ul li a.active,
#menu_wrapper ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
#footer {
  clear:both;
  width:100%;
  text-align:center;
  }
textarea {
resize: none;
}

</style>
</head>

<body>

<div class="contenedor-tabla">
    <div class="contenedor-fila">
        <div class="contenedor-columna">
<div id="page-wrap">
<div class="centrar">
<div class="titulo">Mi pagina</div>
&nbsp;
</div>
</div>
</div>
        <div class="contenedor-columna">
             <div id="menu_wrapper">
  <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="formulario.html">RiboMaker</a></li>
    <li><a href="help.html">Help</a></li>
    <li><a href="About.html">About</a></li>
  </ul>
</div>
        </div>

<div class="contenedor-columna">
<div id="encabezadoDiv">
<?php 
$namefile 
"GAUAAGUGUGUGGUUAUACUCAAAUUGCUCCAAUUUCGGUUACCGUCCUCUUCUAACGCAAAGCCCGCCGAAAGGCGGGCUUUUCUGU";


echo 
"<center>".$namefile."</center>";

?>


</div>
</div>
        <div class="contenedor-columna">
<div id="footer">
<HR width=100% align="left">
<p> All rights reserved.</p>
  </div>
        </div>
    </div>
</div>
</body>
</html>


Espero que alguien pueda ayudarme.

Gracias!

valen46