[SOLUCIONADO] header no coincide con wrap div

[jiten]

AMigos :

estoy tratando de hacer que el header coincida con el div "wrap" en cuanto a ancho, pero no me está saliendo, alguien me podría dar un tipo ?

Aqui el codigo :

http://mandalavillage.com/search/searchmodule.php


Tambien me gustaría podeer hacer que el boton "Search" pueda estar alineado al centro horizontal y verticalmente dentro de su cuadrado (div) de fondo blanco.... valign no me funciona...

Gracias por adelantado !

[pzin]

Mira magia... ¡Hecho!

En realidad lo que está mal es lo demás, header está bien, llega de lado a lado. Si, por ejemplo, le pones a #side-b un ancho de 49% ya se ve más compacto todo.

[Zeromm]

para no complicarte la vida metele a todos los elementos un border-box

*{
box-sizing: border-box;
}

Con sus prefijos para cada navegador si hace falta

Esto lo que hace es que cuando metas un padding a cualquier elemento, ese padding no aumenta el tamaño del elemento.

Al #wrapper quitale el padding-right.

Y ya verás que la cabecera se ajusta al ancho del #wrapper

Ahora solo te quedaría ajustar los elementos inferiores.