Estilos
http://www.tierradenomadas.com (Gran Página dedicada al CSS)
http://www.tierradenomadas.com/ido/xpm/marcos.html (tamaños fijos)
http://www.tierradenomadas.com/tw003d.html (repartidos en porcentaje)
http://www.evolution-espanol.com (tras intentos, lo acabe basando en los anteriores, dandole estilo windows con la barra de tares, el menu desplegable y el opcional escritorio para ir a las zonas de interes de la web)
Ejemplo:
#Superior hace referencia a <div id=Superior>CONTENIDO</div>
Recuerda que >style> se pone entre >head> y >/head>
Aqui os dejo los dos codigos, usar el que os inerese
Código:
>style>
#Superior { position:absolute; top:0; left:0; width:100%; height:15%; overflow:auto; }
#Izquierda { position:absolute; top:15%; left:0; width:25%; height:85%; overflow:auto; }
#Derecha { position:absolute; top:15%; left:25%; width:75%; height:85%; overflow:auto; }
>/style>
Código:
>style>
* html body {
overflow:auto;
}
#Cabecera, #Lateral, #Contenido {
position:absolute; left:0; top:0; overflow:auto;
}
html>body #Cabecera, html>body #Lateral {
position:fixed;
}
#Cabecera, #Contenido {
width:100%;
}
#Lateral, #Contenido {
height:100%;
}
#Contenido {
z-index:1;
border-top:75px solid #FFF;
border-left:210px solid #FFF;
}
html>body #Contenido {
height:auto;
width:auto;
border:0;
top:75px;
left:210px;
}
@media ScReEn {
head:first-child+body #Contenido {
position:fixed; bottom:0; right:0;
}
}
#Lateral {
z-index:2;
width:210px;
padding-top:75px;
}
html>body #Lateral {
height:auto;
top:75px;
bottom:0;
padding-top:0;
}
#Cabecera {
z-index:3;
height:75px;
}
>/style> Buen trabajo, sobre todo la última página 
muchisimas gracias lo andaba buscando desde hace muchisimo tiempo, espero lo pueda integrar en mis proyectos.
Gracias de nuevo
porqué están empeñados en hacer frames??? si son horribles!!! te parten la página, te cortan la navegación!!!
es que ni simularlos en css es bueno (aunque ya que lo simulais, pues mejor, porque los frames verdaderos si que son dañinos, eso no me molesta, el css me encanta)
pero por diooooos, que son dañinos a la navegación, no los pongáis ni los simuléis, ai otras formas de diseñar....
llamamiento, estilo frames, NO!!!!
estos no son frames, son "layers" o mejor dicho capas. lo cual te puede permitir hacer una pagina web un poco mas interesante. usable, navegable y atractiva visualmete.
Porque no usar frames?
Solo por que el google-bot es incapaz de reconocerlos? y por ende toda la industria de los motores de busqueda lo dijo tambien, es mejor no usarlos.
Es el colmo que las paginas webs toque diseñarlas pensando en robots y no en humanos.
que algunos navegadres no lo soportan? de millones de usuarios, todos usan ie explorer 4 o superior o fierefox, todos aguantan frames! ese ya no es un argumento valido.
La verdad no se porque la prevencion en no usar frames (yo no los uso. pero nose cual es la prevencion realmente... si cortan el diseño ese es un problema del diseñador y sus limitaciones)
En realidad los frames son una pésima idea desde el punto de vista del bookmarking y la navegación; con FF, si te fijas, cuando querés abrir un link de un frame en una pestaña te carga solamente ese frame en vez de regenerar el frameset entero.
Eso por un lado. Por otro lado en lo que respecta a un usuario que requiera software asistivo la página o bien no tiene ningún sentido o es prácticamente imposible de usar.
Y por otro, semánticamente no tienen el mismo sentido que visualmente. En cuanto a su significado, lo que dicen es 'represento dos páginas separadas entre sí y pegadas' sin mucha más información.
Por último, realmente no existe ninguna aplicación concreta donde no se puedan usar alternativas más simples y mejores a ellos, con lo cual por algo sencillo como la navaja de Occam, quedan descartados.
Los frames son una herramienta, y como tal no son malos ni buenos, depende del uso. Si se utilizan mal y sin ser necesarios resultan insoportables, pero bien utilizados pueden ser útiles.
Si el software de accesibilidad no es capaz de lidiar con frames quizá debiera ser mejorado.
Yo estoy con anticitizen, si no te gustan los frames o no los necesitas no los uses, pero a mi me parece que tienen algunas utilidades interesantes.
Además quiero pedir que no se utlice javascript para evitar que tu web sea cargada en un frame. Pues anula la utilidad de los frames.
SI odiais los frames es porque estáis hartos de ver como se usan mal o para meterte un banner adicional y hacerte navegar en menos espacio, pero es un mal uso, solo eso. Tambien se pueden usar mal los css y molestar al usuario.
Estoy intentando haciendo una web para comparar varias webs, y si tienen antiframe en javascript me revientan todo el tinglado. Y no no quiero poner publicidad. SI alguien sabe como solucionar esto con css que me lo diga y quizá podáis convencerme de que los frames no son útiles nunca.
Gracias y ciao!
buenisismo!!! gracias por el tutorial!
Hola: no entendí, la útima página de los enlaces utiliza frames, no entiendo en lo que se gana??
este es el código de la útima:
| Code: |
<html>
<head>
<title> Welcome to evolution-espanol.com</title>
<meta NAME="description" CONTENT="evolution-espanol.com">
<meta NAME="keywords" CONTENT="evolution-espanol.com">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
</head>
<frameset rows="30,*" frameborder="no" border="0" framespacing="0">
<frame src="http://evolution-espanol.com/parkinglink.php?ps=sedo&ref=http://www.frihost.com/forums/vt-60813.html">
<frame src="http://www.sedoparking.com/evolution-espanol.com">
</frameset>
<noframes>
<body bgcolor="#ffffff" text="#000000">
<a href="http://evolution-espanol.com/inquire.php">Click here for more information about evolution-espanol.com</a>.
</body>
</noframes>
</html> |
acá tenemos dos páginas:
http://evolution-espanol.com/parkinglink.php
http://www.sedoparking.com/evolution-espanol.com
y entonces????
Hay varios aspectos con los frames o marcos, pero el que más molesta es de cara a los buscadores, un buscador indexa páginas por separado, una página con frames, como ejemplo de la última, serán indexado por separado, en este caso es aún peor, porque el frame superior hace que uno esté navegandopor el sitio y nunca cambia la url, un desastre. Otro aspecto es el estético, antes uno tenía que recurir a frames (o iframes) para poder mostrar un contenido que se encontraba en otra página dentro de otra, pero como dijimos antes, el contenido estaba ahí solo para la persona que lo veía, no a la hora de de ser indexado por los buscadores y no es un capricho (o algo por el estilo), sino que es imposible para un robot poder saber que el contenido de dos páginas deben ir unidos(digo, si fuera así yo me haría un wipedia con iframes insertando por iframe el contenido de esta en mi web).
Por suerte para poder realizar una web con php podes hacer todos lo include que quieras y tener bien ordenado diferentes contenidos (recuerden los que antes usaban frames y empiezan con php de quitar todas las etiquetas a las paginas que no van a ser la principal y que van a ser incuidas, sino terminaran con varios html, head, body, etc., dentro del código)
Ahora bien, el enlace que pusiste ( http://www.tierradenomadas.com/tw003d.html ) está muy bueno para aquellos que utilizan algún diseño tipo caja donde el alto y ancho tienen una medida fija para no tener que caer en la utilización de frames 
porque el contenido está todo en una página.
saludos. Gracias por los links!!
Ya he visto cosas muy interesantes!
