Comunidad de diseño web y desarrollo en internet online

Duda sobre menu y div en Fireox

Citar            
MensajeEscrito el 28 Nov 2006 06:05 pm
Hola, tengo dos problemillas que no doy resuelto:
1- Alguien me puede decir en donde puedo encontrar la manera de hacer un menú horizontal con imágenes en donde cada pestaña es una imagen y todas las pestañas son de diferente anchura??

2- Tengo una página que consta de dos columnas y un pie en la parte inferior. En Explorer se ve bien, pero en firefox la columna de la izquierda (por el contenido que tiene) me tapa el div pie.
Las columnas de la izquierda y derecha tienen un float left y float right respectivamente, mientras que al pie no le tengo nada especificado. Todas estas capas están a su vez contenidas en un div contenedo. En explorer en función del contenido me sube o baja el pie, pero en Firefox no lo respeta :(


Gracias

Por taxidermista

10 de clabLevel



 

msie
Citar            
MensajeEscrito el 28 Nov 2006 06:39 pm
1- Bueno no sé si entiendo lo que pides pero mira por aquí
2- Creo que sería más fácil ayudarte si posteas el código.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 30 Nov 2006 09:04 am
El código que tengo es este:

Código :

#inferior {
position:relative;
margin-left: auto;
margin-right: auto;
width: 696px;
border: 2px solid #000;
}
#lateral_derecho{
width: 166px;
height: 300px;
float: right;
border: 1px solid #111;
background: #339;

}
#contenidos {
width: 426px;
height: 800px;
float: left;
border: 1px solid #4543;
background: #337;

}
#pie {
width: 680px;
height: 50px;
float: center;
border: 1px solid #123;
background: #889;
}


Código :

<div id="inferior">
   <div id="contenidos"></div>
    <div id="lateral_derecho"></div>
    <div id="pie"></div>
</div>

Por taxidermista

10 de clabLevel



 

msie
Citar            
MensajeEscrito el 30 Nov 2006 12:16 pm
Prueba esto:

Código :

#inferior {
position:relative; <-- Quita esta linea
margin-left: auto;
margin-right: auto;
width: 696px;
border: 2px solid #000;
}
#lateral_derecho{
width: 166px;
height: 300px;
float: right;
border: 1px solid #111;
background: #339;

}
#contenidos {
width: 426px;
height: 800px;
float: left;
border: 1px solid #4543;
background: #337;

}
#pie {
width: 680px;
height: 50px;
float: center;
border: 1px solid #123;
background: #889;
clear:both; <-- Agrega esto
}

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 30 Nov 2006 08:47 pm
Sobre los tabs.
http://24ways.org/advent/centered-tabs-with-css

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 01 Dic 2006 09:57 am
Perfecto, eso es lo que quería (parece mentira lo que pueden hacer dos lineas de código)

Muchas gracias :D

Por taxidermista

10 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.