Foros del Web » Creando para Internet » CSS »

Problemas con redimensión automática de un div

Estas en el tema de Problemas con redimensión automática de un div en el foro de CSS en Foros del Web. Hola a todos! Estoy trabajando con el dreamweaver en la creación de una página web. el caso es que tengo unos divs creados con sus ...
  #1 (permalink)  
Antiguo 10/08/2007, 01:57
 
Fecha de Ingreso: agosto-2007
Mensajes: 20
Antigüedad: 10 años, 4 meses
Puntos: 1
Problemas con redimensión automática de un div

Hola a todos!

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:
<!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&eacute; 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&ntilde;oso o tierno (como cuando se toca a un beb&eacute;), indiferente (como en algunos actos sociales, que se ofrece la mano sin ning&uacute;n inter&eacute;s por             su persona), iracundo (violencia), sexual (como las caricias apasionadas que preceden al acto sexual), curativo (como el masaje o la imposici&oacute;n de manos) etc. Se puede tocar, tambi&eacute;n, de distintas formas: caricias, abrazos, palmadas, besos, masajes...<br />
            El contacto f&iacute;sico comunica sin palabras, y se convierte en la expresi&oacute;n f&iacute;sica de nuestra actitud hacia el mundo. &iquest;No es cierto que un individuo reservado, tambi&eacute;n mostrar&aacute; 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&iacute;sico por s&iacute; mismo; para ser sinceros. Es m&aacute;s dif&iacute;cil que nos enga&ntilde;e otra persona si le mantenemos cogido del brazo o del hombro (como tambi&eacute;n han demostrado algunos estudios).             De forma que es imposible fingir emociones cuando se toca a alguien, excepto si el receptor quiere ser enga&ntilde;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&oacute;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&iacute; para rellenar un poco, pero vista la foto....viene casi al pelo.</p>
          <p>El director, gerente....y buen tio en general</p>
          <p>&nbsp;</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>
Muchas gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:07.