problema con alineacion

[SantiagoFlash]

hola a todos vengo cnun problema en el cual tengo 1 div qe se estira en Y a medida qe voy colocando informacion, el problema es cuando creo 2 div dentro , el primero se ve bien pero el 2do qe coloco se va abajo cuando quiero qe se ponga en el costado
aca esta la web http://www.clasificasan.netai.net/automotores/index.php

igual qe el buscador al probar la pagina en google chrome se ve muy junto al boton buscar, pero en firefox se ve bien..

Saludos.

igual vana ver muchos errores ya qe solo es un proyecto ..

[Oscar_Hidro]

Que ta santiagoFlash, seria bueno que mostraras tambien algo de codigo para ver donde pudiera ser e problema.

De todos modos prueba en el div 1 lo siguiente:

Código CSS:

display:inline;
 

[SantiagoFlash]

HOla ya probe con eso igual le puede dar a informaciond de codigo y ahi ves pero te lo dejo aca .. este es del div 1

#contmedio {
background-image: url(contmedio.jpg);
background-repeat: repeat-y;
width: 964px;
display: inline;

aca el de los div qe tengo insertados adentro de este

#motos {
background-image: url(mOTOS.png);
height: 210px;
width: 210px;
}

#autos {
background-image: url(autos.png);
height: 210px;
width: 210px;
margin-left: 7px;

[juodcv]

Prueba cambiando los div #motos y #autos por div class... osea .motos y .autos e insertarlos en el div #contenido

Te quedaría así....
<div id="contenido"><div class="motos"></div><div class="autos"></div></div>

Suerte cualquier cosa me avisas...

[Oscar_Hidro]

Hermano, prueba con estas características. Simplemente agregue el display:inline-block y en los divs anidados, le colocas la funcion float:left; para que se vayan agregando uno tras otro.

Código CSS:

#contmedio {
background-image: url(contmedio.jpg);
background-repeat: repeat-y;
width: 964px;
border:#999999 1px solid;
display:inline-block; 
}
 
 
 
#motos {
background-image: url(mOTOS.png);
height: 210px;
width: 210px;
border:#999999 1px solid;
float:left;
}
 
#autos {
background-image: url(autos.png);
height: 210px;
width: 210px;
border:#999999 1px solid;
float:left;}
 

Si quieres que tengan espacio entre bloques, simplemente agregale la propiedad margin(left, right, top ó bottom) segun quieras acomodarle

[SantiagoFlash]

Perdon pero ningunod e los 2 me funcionoo, gracias igual sigo esperando una respuesta valida ;)

[juodcv]

Me preguntaba... por que tienen que ser div? si solo son imágenes....?

igual prueba con un solo div class en el interior de #contmedio y repitelo dos veces....no hagas dos div distintos (motos y autos). Y

seria asi.... (que contmedio sea class tmb)

css:

.contmedio {clear: both; width: 964px; background-image: url(contmedio.jpg) repeat-y;}

.autos_motos_box { float: left; width: 210px; margin-left: 7px }

html

<div class="contmedio ">
<div class="autos_motos_box">
<img src="mOTOS.png" /></div>
<div class="autos_motos_box">
<img src="autos.png" /></div>
</div>

Suerte y cualkier cosa te dejo mi email para solucionarlo....

[email protected]

[SantiagoFlash]

muchas gracias Juanjo , y cn respecto a por qe son div es qe no se mucho ed css y pense qe para llamar si o si a un href habia qe crearlo y recien empiezo y no estoy muy asociado tmb si te fijas en google chrome la barra buscadora se ve muy pegada al boton y en firefox se ve bien . hay erreres muy pequeños qe no se solucionarlos. igual muchas gracias ;)

[juodcv]

Se arreglo? mmm

[juodcv]

yo lo veo igual en todos los navegadores!