Problemas con Posicion en Porcentajes

[webosiris]

me autocito

para escribir css debes primero entender que es lo que estás escribiendo.

en tu reel tienes:

Código CSS:

#reel{
left:35%;
right:25%;
width:100%;}
 

que significa eso?
significa que:
el borde izquierdo comience en el 35% del elemento padre
el borde derecho finalice en el 75% del elemento padre
el elemento tenga el 100% del ancho del padre

esas 3 cosas juntas... son una contradicción, no entiendo ni el porqué de esos valores.
¿que quisiste decir? Si quieres tener una capa que mida el 50% del ancho del padre, centrada, basta con:

Código CSS:

#reel{
left:25%;
right:25%;}
 

y ahí la tienes, una capa que empieza en 25 y termina en 75, por lo que tiene el mismo espacio a ambos costados, lo que dicho de otra forma... está centrada (y la capa en si mide 75-25 = 50)


obviamente que eso centra LA CAPA (ponle un fondo negro a #reel y vas a ver). El contenido de la capa no está centrado porque tu no lo estás centrando (y si estás haciendo responsive, deberás adaptarlo al ancho..).


PD: hacer responsive design no trata sobre poner una foto grande y estirarla. Primero debes de escribir html semántico y tu código no lo es (todo el texto debe de ser texto! como te dije antes, estás mezclando aceite con agua). Tu web se ve fea en resoluciones grandes como la mía.