¡Me rindo!, necesito ayuda

[matelo]

Buenas, entro al foro de muuucho tiempo, me gusta mucho por cierto la nueva imagen que tiene, jeje, se nota que entre de tiempo ¿no?

Bueno, estuve aprendiendo por mi cuenta CSS y experimentando en mi pagina web, la cuestion es que en Safari y Firefox me sale de maravilla, todo como yo quiero, ordenadito, todo en su lugar. Peeeeeero en el Explorer... hay un espacio en blanco entre mi menu y el contenido que no deberia haber, hay un desplazamiento que no deberia suceder.... en fin, me puse a corregir y a arreglar el desperfecto (creo que por lo menos ya no hay el blanco) pero todo quedo mal.

Mi sitio es este que es como quiero que salga (en firefox o Safari) y este es el modificado, en la primera pagina tengo unas imagenes (rompecabezas) que en el portafolio se cambian por otras pero no se porque diablos estan en otro lugar en el portafolio. Y en la página de texto no se porque el fondo no aparecía y como el texto es blanco ni se leia, lo que hice fue poner unos div con texto que desaparece, y jugar con el tamaño, hasta que consegui que aparezca el fondo gris, pero al final me queda un espacio en blanco con la linea naranja, ¡horrible!.

Y bueno, ¡me rendi! ya no se que hacer, espero alguien me pueda ayudar, lo agradeceré muchisimo.

[crealynx]

He clickeado en los 2 primeros links y aparece lo mismo, además el portafolio no se vé, yo utilizo Firefox

[michaelc]

Bueno estas como yo cuando aprendi a manejar CSS, de hecho aun lo estoy haciendo cada día aprendo algo nuevo jajaja.

A simple vista sin analizar tu código fuente creo que el problema es que no generas un contenedor en tu sitio para que no se te descalabre el contenido.

Te recomiendo que visites:

http://www.code-sucks.com/css%20layouts/fixed-width-css-layouts/

Ahi encontraras una plantillas de contenedores CSS que te serviran de mucha ayuda como guía a que hagas tu sitio compatible con todos los navegadores. De plano te digo que da full problemas el IE 6 y algunas veces Safari.

[matelo]

Gracias machaelc, vere que puedo hacer, porque cada vez lo arruino mas, y ya me estoy cansando, creo que si no puedo, lo dejare a profesionales, jaja,

[ricardohs]

Necesitas mostrar tu código css para ver que es lo que está pasando, michaelc tiene razón, debes usar un contenedor para que no se te descuadre...

[michaelc]

Iniciado por matelo

Gracias machaelc, vere que puedo hacer, porque cada vez lo arruino mas, y ya me estoy cansando, creo que si no puedo, lo dejare a profesionales, jaja,

Intenta hacer el diseño de cero basándote en las plantillas de la página que te dí, eso si mientras vas agregando ve probando en los navegadores así sabrás donde cometes el error. Ten paciencia el CSS es muy fácil, lo difícil es hacerlo compatible con todos los navegadores por que a veces lo interpretan distinto pero ya verás como le pillas el truco a cada uno.

Suerte!

[matelo]

Gracias eso hare!

[hey_alan]

No sé si sea porque lo estás cambiando, pero veo que en tu HTML sí agregas un wrapper pero no le asignas ninguna propiedad en el CSS (ni siquiera aparece).

Agrega esto a tu CSS y debería solucionarse:

Código:

#wrapper{width:680px; margin:auto; overflow:auto;}

En el menú, veo que haces esto:

Código:

#menu {
	width: 680px;
	height: 51px;
	margin: 22px auto;
}

Con "margin:22px auto;" lo que estás haciendo es establecer un margen de 22 pixeles arriba, y 22 pixeles abajo; además de centrarlo. Creo que por esto es que tu div pone el margen.

Creo que con eso es suficiente.

PD: Hasta ahora veo la manera en la que intentas poner tu cabecera x_X, eso debes ponerlo en un div con fondo, y dentro el menú.

Saludos ;)

[matelo]

mil gracias Alan, corregire eso