Las virtudes del css y sus dificultades.
5 seguidores
Hombre, a mi se me esta haciendo duro enterarme bien porque no me he impreso un manual y me lo he comio con patatas, pero tengo una cuestion:
si hago esto en ie6:
body {
margin:0px; padding:0px;
text-align:center;
height:100%;
}
#center{
width:750px;
height:100%;
margin:0px auto;
text-align:left;
padding:15px;
border:0px;
background-color:#eee;
}
el center me ocupa todo el centro a 750 px de ancho a 100% de alto.
pero con firebird no me sale a 100% de alto, como lo "compatibilizo" con varios exploradores?
meddle deja el mensaje despues de la señal... piiiiiiiiii
:p
meddle
que raro... no se. prueba a poner
position:relative; en #center pero no mesocurre nada ahora mismo
Surt
nop, sigue igual... .he estado mirando pero no encuentro nada que me ayude a saber que anda mal.
Tampoco furula en Netscape 7.1
Mi problema es que tengo esto:
http://www.patriciafernandez.net/noticias.php
y siguientes con tablas a 100% de alto, que no se ven ni en netscape ni en firebird... y queria plantearme, poquito a poquito... pasarlas a maquetacion css, pensando que no me daria problemas.
El ejemplo de arriba lo he hecho tal cual, solo los div, sin contenido ni na de na.
meddle
eso deberias poder hacerlo facilmente:
http://www.maxdesign.com.au/presentation/process/index.cfm http://css.maxdesign.com.au/floatutorial/tutorial0801.htm http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
ya nos contaras
Surt
nada, del ultimo tutorial, la del div centrado... lo mismo que el otro, si le añado el 100% de height se me va a la porra en Firebird...
estoy en caza y captura de conocimientos para maquetar con css...
A ver si puedo imprimir alguno.
orange
Creo que estais confundidos, en firebird no sale eso asi de fácil, tienes que buscarte algún truco para realizarlo (no he mirado los tutoriales, pero creo que algo más complicado harán)
De hecho ese es uno de los problemas que aun no han resuelto y por el que todavía la gente utiliza tablas
No se puede asignar a in DIV un 100% de height (dentro de lo que sea, otro div, la pagina, etc...) ... al menos por lo que yo recuerdo, que alguna vez lo he intentado
Surt
uff que torpe soy,
ademas cuando le meto un flash en el central de 740px (siendo el div central de 750) el div (aun teniendo padding y magin a 0 me muestra un borde enorme( de unos 10px) cuando yo solo quiero que sobre 5. He probado metiendole el div del mismo ancho que el flash y poniendolo a 5 de margin, pero me pilla lo mismo...
que torpeza por dios.. con lo que me gustan a mi las tablas :p
entonces firebird (asi como netscape) no son 100% full css support?
o esto es una especie de hack?
meddle
creo que no entiendo que quieres hacer
Surt
pretendia maquetar la pagina de arriba compatible pa los navegadores mas modelnos.
no consigo el 100% height porque segun parece (grax orange) no se puede en algunos, pero tampoco (esto ya por probar porque ya no tiene sentido para mi pasarlo a css) conseguia que el flash de la cabecera me quedara tal cual con css. Jugando con margin y padding asi como con anchos no he conseguido nada.
meddle
prueba min-height
http://www.w3.org/TR/REC-CSS2/visudet.html#min-max-heights
dirarck
no se si es esto a lo que te refieres SURT, pero por lo que he estado leyendo si tu especificas el height con un porcentaje, el navegador debería calcular el porcentaje con respecto a un valor en pixels (digo pixels por que no recuerdo que palabra usaban ellos, creo que era 'absoluta'), la cuestión es que deberías tener una capa con por ejemplo 400px de alto, y dentro otra capa con un alto en porcentaje, con lo cual el 100% del alto serán 400px. Yo también estoy esperando el día en que salga algo para especificar el 100% del alto de una página independientemente de la resolución.
black
retomo el tema... :) a ver si he entendido bien...
Para que height: 100 % funcione bien, el div con porcentaje tiene que estar dentro de otro div con medidas absolutas en pixeles (por ejemplo)
no?
Entonces, no hay manera de que esto funcione en IE6 de mierda?
<code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#contenedor {
position: absolute;
top: 0px;
height: 100%;
background-color: #fff;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
-->
</style>
</head>
<body>
<div id="contenedor">internet explorer apesta!!!!</div>
</body>
</html></code>
black
perdon!!!!
Se me habia olvidado poner height:100%; en el body :)
Misión cumplida!!! :D
Surt
hubiera jurado que lo hice asi mil veces, pero no me funcionaba, ahora, de repente, me toma el 100% del contenedor perfectamente.
¿Que diablos?
¿No se supone que segun el navegador un 100% de heigh en el body no significa nada?
Usuario desconocido
yo he buscado en muchos tutoriales para poder poner 100% heigh en un div pero con 100% en Body solo funciona en IE, para que se vea igual en Firefox o Netscape también hay que ponerlo en HTML, o sea:
html, body {
height:100%;
}