Se me desalinian los divs horizontalmente

[damiann]

Hola tengo el problema que una de los bloques de desalinea hacia abajo en mozilla, en el dreamweaver y en el IE.
busque en las faqs qe estan en sticky pero no encontre nada
aca les dejo una imagen:



y aca les dejo el codigo css de esa div:

Código:

	#menu2 {
	width:136px;
	height:auto;
	background:url(Images/contentbg.jpg);
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin:20px;
	float:right;
	}

saludos y gracias

[Calizman]

Posiblemente sea esto: height:auto;

tambien habria que ver dentro de que div esta ese para saber que es lo que lo esta afectando, porque no intentas poner un height: 30px; que es el tamaño de esa caja...

Intenta eso, si no funciona, entonces seria bueno que pusieras el codigo del div anterior, porque posiblemente sea eso tambien.

Hasta Luego!

[damiann]

muchas gracias por responder! proble lo del height : 30px; pero no funciono

aca les dejo el codigo de todo el css

Código:

	body {
	text-align:center;
	background-color:#999999;
	}
#content {
	width:800px;
	text-align:left; /* alinear textos */
	margin:0 auto; /* centra el contenedor */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	}
	#logo {
	width:800px;
	height:190px;

	}
	#menu {
	width:800px;
	height:41px;

	}
	#contenido {
	width:513px;
    height:auto;
	background:url(Images/contentbg.jpg);
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
    margin:20px;
    float:left;
	}
	#mano {
	width:67px;
	height:auto;
	background-color:#CCC;
	margin-left: 555px;
	margin-top: 20px;
	}
	#menu2 {
	width:136px;
	height:30px;
	background:url(Images/contentbg.jpg);
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin:20px;
	float:right;
	}
	#pie {
	clear:left;
	}

[Calizman]

Seria mucha molestia pedir el HTML? esque asi puedo probarlo en mi web, y luego enviarte el codigo entero.

Gracias!

[damiann]

gracias por responder aca te dejo el html

Código:

<div id="content" align="center">
  <div class="logo" id="logo"><a href="/index.html"><img src="Images/logo.jpg" width="800" height="190" border="0"/></a></div>
  <div class="menu" id="menu">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="41">
      <param name="movie" value="Flash/menu.swf" />
      <param name="quality" value="high" />
      <embed src="Flash/menu.swf" quality="high" pluginspage="macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="41"></embed>
    </object>
  </div>
			<div id="contenido"> <p>hola com andan</p></div>
		<div id="mano"><p>hola</p></div>
		<div id="menu2"><p>hola </p>
		  <p>gdsg</p>
		  <p>dsg</p>
		  <p>sdg</p>
		  <p>dsg</p>
		  <p>fghfg</p>
		</div>
 		<div id="pie"></div>
  </div>
</div>

[damiann]

revivo pq lo nesesito con urgencia

[Calizman]

Listo! escribe esto:

#mano {
margin: 20px 30px 20px 20px;
float: right;
height: 30px;
width: 80px;
}
#menu2 {
border: 1px solid #cccccc;
margin: 20px;
background: #cccccc url(Images/contentbg.jpg) repeat scroll 0%;
height: 30px;
float: right;
width: 80px;
}

Espero te sirva!

[damiann]

muchisimas gracias! con ese codigo lo solucione:D

[Calizman]

De nada damiann!

Que bien que te sirvio! si tienes algun problema mas adelante, sigue posteando en el foro! y con gusto aqui te ayudamos a resolver tu problema...

Hasta Luego!