Estoy trabajando con el dreamweaver en la creación de una página web. el caso es que tengo unos divs creados con sus respectivas dimensiones. En la vista "diseño" del dreamweaver se ve perfectamente la estructura y como el div llamado nav se adapta a la barra de menús creada con css, en cambio cuando lo miro en el navegador dicho div se hace más grande que lo que tiene fijado via pixels, ems..etc.Me he fijado que si el div situado inferiormente crece, el div nav también crece cosa que no entiendo. He probado a darle valores exageradamente grandes y puedo apreciar el cambio de tamaño en la vista en el navegador, pero llegado un tamaño determinado ya no se hace más pequeño y no se me adapta a unos botones que he diseñado con css. Por que en la representación con Dreamwevar en vista diseño veo los cambios y lo veo perfecto y luego con el navegador no?
este es el codigo:
Código:
Muchas gracias! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>nombre de la empresa</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body
{
padding: 20px;
background: #A8C4E4;
color: #222;
text-align: center;
font: 85% "Trebuchet MS",Arial,sans-serif
}
h1,h2,p
{
margin: 0;
padding: 0 10px;
font-weight:normal
}
p
{
padding: 0 10px 15px
}
h1
{
font-size: 250%;
color: #FFF;
letter-spacing:1px
}
h2
{
font-size: 200%;
line-height:1;
color:#002455
}
div#container
{
width:900px !important;
padding:5px;
text-align:left;
background:#FFF;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
div#header
{
background: #DDDDDD;
padding: 10px;
text-align:left
}
div#menuSuperior
{
background: #BFDDED;
padding: 10px;
text-align:center;
margin-top: 5px;
}
div#content
{
float:left;
width:900px;
background: #778CCA;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
/***********************************************/
/* Diseño del menú superior */
/***********************************************/
div#nav
{
width: 100%;
margin-top: 5px;
line-height:normal;
background-color: #666666;
float: left;
font-size: 96%;
height: auto;
}
div#nav ul
{
margin:0;
padding:2px 2px 2px 2px;
list-style:none;
}
div#nav li
{
display:inline;
margin:0;
padding:0;
}
div#nav a
{
float:left;
background:url(./images/tableftJ.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
div#nav a span
{
float:left;
display:block;
background:url(./images/tabrightJ.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
div#nav a span
{
float:none;
}
div#nav a:hover span
{
color:#FFF;
}
div#nav a:hover
{
background-position:0% -42px;
}
div#nav a:hover span
{
background-position:100% -42px;
}
div#nav #current a
{
background-position:0% -42px;
}
div#nav #current a span
{
background-position:100% -42px;
}
/***********************************************/
/***********************************************/
div#footer
{
clear:both;
background: #DDDDDD;
padding:5px 0;
text-align:center;
text-decoration: none;
font-size: small;
}
a:hover
{
text-decoration:none;
}
a
{
text-decoration:none;
}
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#container");
Nifty("div#content,div#nav","same-height small");
Nifty("div#header,div#footer","small");
}
</script>
</head>
<body class="cuerpo">
<div id="container">
<div id="header">Aqui pondré el logo!</div>
<div id="nav">
<ul>
<li><a href="#"><span>Inicio</span></a></li>
<li><a href="#"><span>Promociones</span></a></li>
<li><a href="#"><span>Enlaces</span></a></li>
<li><a href="#"><span>Contáctanos</span></a></li>
</ul>
</div>
<div id="content">
<h3 id="titulos" style="border-bottom: 1px solid #C0C0C0; margin-bottom: -5px">La empresa</h3>
<p>El hecho de ser tocado puede transmitirnos diferentes sensaciones. No son iguales todas las formas de tocar. El contacto puede ser cariñoso o tierno (como cuando se toca a un bebé), indiferente (como en algunos actos sociales, que se ofrece la mano sin ningún interés por su persona), iracundo (violencia), sexual (como las caricias apasionadas que preceden al acto sexual), curativo (como el masaje o la imposición de manos) etc. Se puede tocar, también, de distintas formas: caricias, abrazos, palmadas, besos, masajes...<br />
El contacto físico comunica sin palabras, y se convierte en la expresión física de nuestra actitud hacia el mundo. ¿No es cierto que un individuo reservado, también mostrará cierta reserva en el momento de tocar o ser tocado?<br />
El tacto calibra nuestra capacidad de amar y ser amados. Necesitamos el contacto físico por sí mismo; para ser sinceros. Es más difícil que nos engañe otra persona si le mantenemos cogido del brazo o del hombro (como también han demostrado algunos estudios). De forma que es imposible fingir emociones cuando se toca a alguien, excepto si el receptor quiere ser engañado. Es imposible tocar con indiferencia mientras decimos que nos importa mucho el receptor, o tocar sexualmente mientras se manifiesta un sentimiento de amistad con la intención de que se crea. El tacto simboliza la forma mediante la cual nos relacionamos con la vida, la experiencia, el amor y la amistad.</p>
<p>Que conste que el texto lo escogí para rellenar un poco, pero vista la foto....viene casi al pelo.</p>
<p>El director, gerente....y buen tio en general</p>
<p> </p>
</div>
<div id="footer"><a href="#">Acerca de nosotros</a> | <a href="#">Mapa del sitio</a> | <a href="#">Política de privacidad</a> | <a href="javascript:llamarasincrono('./contacta.html', 'contPrincipal');">Contacta con nosotros</a> |</div>
</div>
</body>
</html>
