Buenas tardes, he probado haciendo un simple código para empezar a estructurar una página web y me he dado cuenta de que el código no se ajusta correctamente a los % adecuados. ---> aquí el css:
*{margin:0;padding:0;} body{margin:0;padding:0;} #contenedor{border:3px solid black;margin:0 auto;margin-top:1%;padding:20px;width:70%;} header{border:1px solid black;margin:0 auto;width:100%;}
y aquí una previsualización de como yo lo veo: https://gyazo.com/c165026ac369cfc35f90304032f1a4c6
Como podéis ver el margen de la izquierda es más ancho que el de la derecha, no se a qué se debe ese fallo tan simple. Espero vuestra breve respuesta. Gracias :D
Respuestas
En la imagen los márgenes izquierdo y derecho se ven casi iguales. Midiéndolo con un programa de diseño apenas hay unos píxeles de diferencia ... probablemente por cómo se ha obtenido el pantallazo y no por el diseño de la página original. ¿En el navegador se ven muy diferentes los márgenes?
@javiereguiluz
Si absolutamente bastante diferentes, igualmente date cuenta de que el margin se mide en % al igual que el width e incluso el padding aplicado, por lo que no entiendo el porque el ancho no cuadra en ambos casos
@DaxterReactor