Re: Problema con margen derecho

[marcosnc_08]

Bueno, como les va usuarios de Foros Del Web.

En esta ocacion me dirigo a ustedes para pedirles ayuda con una web que acavo de terminar de maquetear con css. Solo esta echa la "index".

Bueno, primero, les dejo el link a la Web Aca.

El problema: Con todos lo navegadores (Firefox, IE7, Opera, Safari, Google chrome) aparece un margen derecho no intencional.

Buwno, espero que me puedan ayudas, y desde ya gracias.

[jomaruro]

Hola:

Primero: No se a que te refieres con lo del margen derecho ¿En el texto?

Segundo: Es una vergüenza que en el index y en letra bien grande aparezca una falta de ortografía que hace daño a la vista. ¿No sabes lo que es un corrector ortográfico?

Tercero: ¿Cuantas veces defines en tu web el DTD, el HEAD, el TITLE? Deberías revisar tu código.

Saludos.



P.D.: Más bien en el index hay dos faltas de ortografía. Lo dicho UNA VERGÜENZA.

[marcosnc_08]

Iniciado por jomaruro

Hola:

Primero: No se a que te refieres con lo del margen derecho ¿En el texto?

Segundo: Es una vergüenza que en el index y en letra bien grande aparezca una falta de ortografía que hace daño a la vista. ¿No sabes lo que es un corrector ortográfico?

Tercero: ¿Cuantas veces defines en tu web el DTD, el HEAD, el TITLE? Deberías revisar tu código.

Saludos.



P.D.: Más bien en el index hay dos faltas de ortografía. Lo dicho UNA VERGÜENZA.

Jajajaja, bueno, me referia a que hay un margen del lado derecho en el body o el contenedor.

Con respecto a las falata de ortografia, encontre una de las dos:

- Portugés se escribe portugués.

La otra no se cual es, por casualidad existe algun programa que controle la ortografia en paginas web???

Gracias.

[jomaruro]

Iniciado por marcosnc_08

Jajajaja, bueno, me referia a que hay un margen del lado derecho en el body o el contenedor.

Con respecto a las falata de ortografia, encontre una de las dos:

- Portugés se escribe portugués.

La otra no se cual es, por casualidad existe algun programa que controle la ortografia en paginas web???

Gracias.

¿Y aún te ríes? ¡Patético!

Saludos.

[Daniel Ulczyk]

Independientemente de los comentarios vertidos por *jomaruro*.
Te sugiero:

1. Revisar y corregir tu marcado HTML, el cual contiene muchos y varios errores.
2. Publicar una captura de pantalla señalando a qué te referís.

Ya que tampoco logro entender a qué margen te referís.
Saludos.

[marcosnc_08]

Iniciado por Daniel Ulczyk

Independientemente de los comentarios vertidos por *jomaruro*.
Te sugiero:

1. Revisar y corregir tu marcado HTML, el cual contiene muchos y varios errores.
2. Publicar una captura de pantalla señalando a qué te referís.

Ya que tampoco logro entender a qué margen te referís.
Saludos.

Okas, ahora me voy, pero mañana subo eso. Chau, Chau.

Jomaruro, no me ayudaste en nada con las respuestas.

[jomaruro]

Iniciado por marcosnc_08

Jomaruro, no me ayudaste en nada con las respuestas.

Te he dado pistas suficientes para que tú mismo puedas solucionar los problemas ¿no crees?

Si te digo donde están los errores nunca aprenderás.

Saludos.

[marcosnc_08]

Bueno, lo pedido, la captura. Aca esta:

.

Bueno ahora espero que me ayan entendido a que margen me refiero .

Te he dado pistas suficientes para que tú mismo puedas solucionar los problemas ¿no crees?

Si te digo donde están los errores nunca aprenderás.

Saludos.

Bueno, el tema pricipal por el que postie era para que me ayuden con el margen derecho que aparecia en mi web.
Vos, Jomaruro, me avisate que la web contenia algunas faltas ortograficas, lo cual agradesco. Tambien tene en cuenta que la web recien la empeze y todabia no habia revisado la ortografia.

Igual, muchas gracias Jomaruro. Espero que ahora me puedas ayudar con el margen.

Saludos, .

[Mikmoro]

Supongo que te refieres a un scroll horizontal (en 1024) o hueco blanco (mayores resoluciones) en la parte derecha. Diría que está provicado por esta caja:

#header_primario {styles.css (line 24)
color:#000000;
height:100px;
left:330px;
margin:0.3em 0pt 0pt;
padding:25px 5px 5px 20px;
position:absolute;
top:13px;
width:68%;
}

ya que le indicas que mida un 68% del total y le das un desplazamiento izquierdo de 330px, dos cosas prácticamente incompatibles.

P.D.: en cuanto a la ortografía, como mínimo "Inglés" y "Método"

[Daniel Ulczyk]

A mí se me hace evidente que el problema lo tenés gracias a la capa #header_primario

Si en tu caso, querés hacer la prueba; agregá al inicio de tu CSS, lo siguiente:

Código css:

* {border:1 px solid #000;}
 

Eso es lo que "tira" al #contenedor hacia la derecha.

[marcosnc_08]

Iniciado por Mikmoro

Supongo que te refieres a un scroll horizontal (en 1024) o hueco blanco (mayores resoluciones) en la parte derecha. Diría que está provicado por esta caja:

ya que le indicas que mida un 68% del total y le das un desplazamiento izquierdo de 330px, dos cosas prácticamente incompatibles.

P.D.: en cuanto a la ortografía, como mínimo "Inglés" y "Método"

Si exactamente, se nota en las resoluciones de 1024 para abajo. Pero, Si no le indico esas propiedades no se como posicionarlo.

Iniciado por Daniel Ulczyk

A mí se me hace evidente que el problema lo tenés gracias a la capa #header_primario

Si en tu caso, querés hacer la prueba; agregá al inicio de tu CSS, lo siguiente:

Código css:

* {border:1 px solid #000;}
 

Eso es lo que "tira" al #contenedor hacia la derecha.

Bueno, mira te dejo una captura que hice con el firebug, ahy se ven los limites de la botonera "#header_primario"

[Mikmoro]

Es bastante probable que ahora se deba a que tienes bloques con un ancho mayor que el área de visión del 1024:

#header_secundario_a {background:transparent url(logo/logo_header2.png) no-repeat scroll 0%;
height:322px;
margin:0pt auto;
padding:10px 0pt 20px;
width:1009px;
}

[Daniel Ulczyk]

Iniciado por marcosnc_08

La otra no se cual es, por casualidad existe algun programa que controle la ortografia en paginas web???

Sí. Por cierto.
Podrías comprobar la ortografía mediante Daedalus. Aunque, lamentablemente, el lenguaje de tu página no es soportado.
Pero, de otra manera, la aplicación soporta la carga de HTML desde local.

[marcosnc_08]

Iniciado por Mikmoro

Es bastante probable que ahora se deba a que tienes bloques con un ancho mayor que el área de visión del 1024:

Mira el problema persiste. Te dejo una captura.

Iniciado por Daniel Ulczyk

Sí. Por cierto.
Podrías comprobar la ortografía mediante Daedalus. Aunque, lamentablemente, el lenguaje de tu página no es soportado.
Pero, de otra manera, la aplicación soporta la carga de HTML desde local.

Gracias, aunque no se muy adaptable a los diferentes lenguajes, ya lo puse en mis marcadores.

[marcosnc_08]

Nadie tiene idea del problema???

[Daniel Ulczyk]

Iniciado por marcosnc_08

Nadie tiene idea del problema???

Tu marcado HTML no es precisamente correcto.
Todavía tenés 48 errores y 2 advertencias. Entiendo que para trabajar adecuadamente con CSS debés tener un documento HTML consistente.

Saludos!

[marcosnc_08]

Iniciado por Daniel Ulczyk

Tu marcado HTML no es precisamente correcto.
Todavía tenés 48 errores y 2 advertencias. Entiendo que para trabajar adecuadamente con CSS debés tener un documento HTML consistente.

Saludos!

Pero, ya solucione gran parte. Lo que pasa es que no lo habia actualizado en el ftp.
Los errores que quedan son a causa de los atributos "include" que utilize para separar la botonera en un solo archivo.

[Mikmoro]

Bueno, empecemos por el prncipio. Imagino que estás creando tu página con includes, y como cada archivo que cargas tiene su propia cabecera (head) completa, tienes 4 cabeceras y cargas hasta 4 veces la misma hoja de estilo:
<link rel="stylesheet" type="text/css" href="assets/styles.css" />

Deberías empezar por corregir esto, que seguro que será fuente de muchos otros problemas (por ejemplo de validación). Quita toda cabecera a los archivos incluidos y déjalos que empiecen directamente con el div que sea o lo que corresponda, ni siquiera body.

Luego se puede empezar a ver lo demás.

[Mikmoro]

Por otro lado veo que no me has creído cuando te he dicho que el problema estaba en este ancho demasiado grande:

#header_secundario_a {
width: 1009px;
height: 322px;
background: url(logo/logo_header2.png) no-repeat;
margin: 0pt auto;
padding: 10px 0pt 20px;
}

¿Por alguna razón en especial?

[marcosnc_08]

Iniciado por Mikmoro

Bueno, empecemos por el prncipio. Imagino que estás creando tu página con includes, y como cada archivo que cargas tiene su propia cabecera (head) completa, tienes 4 cabeceras y cargas hasta 4 veces la misma hoja de estilo:
<link rel="stylesheet" type="text/css" href="assets/styles.css" />

Deberías empezar por corregir esto, que seguro que será fuente de muchos otros problemas (por ejemplo de validación). Quita toda cabecera a los archivos incluidos y déjalos que empiecen directamente con el div que sea o lo que corresponda, ni siquiera body.

Luego se puede empezar a ver lo demás.

Bueno Mikemoro, tenes razon que cada archivo tiene su "head". Ya se los saco y lo subo. De por sierto despues de sacarlo aparecieron alguno problemas de posicion. Aca te dejo una captura:

Iniciado por Mikmoro

Por otro lado veo que no me has creído cuando te he dicho que el problema estaba en este ancho demasiado grande:


¿Por alguna razón en especial?

Yo ya lo puse el ancho en 1009px. Quizas no se te aya refrecado el cache. Lo subi de nuevo, fijate ahora.
Link ACA. Gracias por la ayuda

[Mikmoro]

Ah, no Te decía que ese 1009 te estaba dando problemas, y lo que quería decir era que lo redujeras.
Fíjate en el mensaje número 12
http://www.forosdelweb.com/f53/re-pr...3/#post2813990
donde te decía que ese era el problema, no que pusieras ese número, que por otra parte no podrías poner, porque ya lo tenías puesto.

Ese es precisamente el número que yo creo que debes reducir hasta que desparezca el scroll horizontal en 1024.

P.D.: has puesto mal el enlace, y yo sigo viendo las mismas 4 cabeceras después de haber refrescado la caché.

[marcosnc_08]

jaja, estaba un poco distraido, disculpa. Aber voy a ir reduciendo aber si desaparece.

Edit: nono, lo cambie y solo se achica la imagen, evidentemente no es ese el problema.

Link actualizado.

[Mikmoro]

Pues esto ya me desconcierta: sigo viendo las 4 cabeceras, las 4 llamadas a la misma CSS, y sigo viendo el elemento del que hablamos así:

#header_secundario_a {background:transparent url(logo/logo_header2.png) no-repeat scroll 0%;
height:322px;
margin:0pt auto;
padding:10px 0pt 20px;
width:1009px;
}

Y la caché ha sido eliminada por completo, y no navego tras un proxy. No sé, la verdad.

[Mikmoro]

Prueba a poner estos dos selectrores así:

#header_primario ul {
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
width: 656px;
}
#header_secundario_a {
width: 1004px;
height: 322px;
background: url(logo/logo_header2.png) no-repeat;
margin: 0pt auto;
padding: 10px 0pt 20px;
}

[marcosnc_08]

Bueno Mikemoro, disculpa la tardansa, los servicios publicos como la luz y el telefono son tan buenos en Argentina que carezco de los dos.

Subi a otro servidor la web. El link es ESTE

Fijate si de esa forma logras ver los archivos actualizados. De echo revise nuevamente por las dudas todos los archivos y estan guardados correctamente.

Muchas gracias por toda la ayuda.

[Mikmoro]

Sí, ahora lo veo actualizado. Efectivamente en FF ya se ha corregido con eso, y en IE lo que ocurre es el otro selector que te señalo en el anterior mesaje. Ponlo así y listo (creo):

#header_primario ul {
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
width: 656px;
}

[marcosnc_08]

Gracias Mikemoro, problema solucionado. Karma ya.

[Mikmoro]

De nada, es un placer.

Saludos.

[marcosnc_08]

Bueno como les vas gente de Foros Del Web. Andaba ultimando algunos detalles de mi Web y me encontré con un problema.

Primero les dejo el Link acá: Aca

Estoy casi seguro que despues de ver el Link ya se dieron cuenta del problema. Por se acaso aca va:

La columna2 del CSS, en el FireFox se ve correctamente. A diferencia de el IE7 en el cual esta baja a medida que voy agregando contenido a la columna 1.

Por las dudas les dejo una captura:



Otro problema es con el IE6. ¿quien no tiene problemas con este navegador?

Bueno le dejo esta captura para que la vean:

[marcosnc_08]

Nadie tiene idea?? debe ser una pabada y no me doy cuenta