Marcos sin frames con CSS He decidido rehacer un sitio realizado con frames conservando el diseño de marcos pero sin los frames, mediante CSS. Tras mucho buscar en la red el diseño que mejor que adapta a mi caso es el que se ve al final de este post, pero tiene un pequeño problema, la barra de scroll baja más de lo que debe y queda poco estetico.
He intentado localizar al autor (Molendijk) pero no ha habido manera. ¿ Puede alguien ponerme en contacto con Molendijk o sabe como arreglar lo de el scroll ?
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fixed</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- CSS FOR BOTH IE (QUIRKS OR STANDARD) AND NON-IE -->
<style type="text/css">
html,body {height: 100%; overflow:hidden; margin:0; font-family:verdana; font-size:12px;}
/* everything in percentages, to get things right */
.content {position:absolute;top:57px; height:100%; left:0%; width:100%; overflow: auto;}
.inside_content{margin-right:10px;margin-left:20%;margin-top:8em}
.header{position:absolute;background:lightyellow;width:100%;height:57px;z-index:1;border:1px solid darkred;text-align:center;top:0}
.footer{position:absolute;bottom:0px;background:darkred;color:white;border:1px solid black;padding:0 3px 0px 3px;z-index:1;right:16px;}
.side{position:absolute;left:5px;
background:#dedede; border:1px solid darkred;
width: 170px;
top:0;
height:100%;left:0;z-index:2
}
.top{position:absolute;top:0px;left:50%; width:520px; margin:0;margin-left: -260px; padding:8px;background:#dedede;border:1px solid darkred;z-index:1}
</style>
</head>
<body>
<div class="footer">footer</div>
<div class="side" >
</div><!--Fin Lateral Izdo -->
<div class="header"><br><br>yellow header that hides upscrolling text; yellow header that hides upscrolling text;</div>
<div class="top">You could put a topmenu in this div. You could put a topmenu in this div.</div>
<div class="content">
<div class="inside_content">
<h3 style="text-align:center;margin-top:0px">© Arie Molendijk:<br>
Fixed position in IE and non-IE with pure CSS; no use of 'position: fixed'.</h3>
See also: http://molendijk.110mb.com/position_fixed_nonquirks/position_fixed_quirks_and_standard_css.html<br><br>
Lansarea comunitatii profesionale www.tetatet.ro Dupa trei luni de functionare in versiune private beta , s-a lansat www.tetatet.ro , comunitatea online a profesionistilor romani de pretutindeni.
Proiectul apartine unei echipe de zece oameni cu specializari distincte si complementare , patru dintre acestia aducand in tetatet experienta acumulata ca asociati cofondatori ai proiectului
Trilulilu , lansat la inceputul lui 2007. Tetatet se adreseaza profesionistilor din orice domeniu de activitate care cauta oportunitati de colaborare sau de cariera , oferindu-le un cadru modular si
scalabil pentru dezvoltare profesionala , comunicare si interconectare. “Tetatet e un concept universal. Nu este al nostru , ci al tuturor profesionistilor care decid sa il foloseasca. Noi
suntem doar zece dintre acestia , care am ales sa ii dam o forma si o directie” spune Dragos Birlea , project manager. Comunitatea este construita pe platforma tehnica HC Engine , dezvoltata de
Rares Dragan , chief technology officer al tetatet. Rares ne avertizeaza ca “site-ul tetatet este inca in versiune beta , asadar eventualele probleme tehnice din urmatoarea perioada sunt
inerente. A durat opt luni sa dezvoltam site-ul pana la acest nivel si va mai dura cateva luni ca sa il aducem la forma dorita. Ne bazam insa pe feedbackul utilizatorilor tetatet si pe implicarea lor
in proiect.” Proiectul functioneaza din octombrie 2008 , insa pana la acest moment a fost tinut de echipa tetatet in versiune private beta , cu un numar limitat de utilizatori , pentru a
stabiliza platforma. Acum www.tetatet.ro este deschis accesului public si isi asteapta profesionistii pentru conectare. “Credem in puterea lui virala asa ca nu vom forta intrarea in piata cu
bugete mari de marketing. Ca si in cazul Trilulilu , ne concentram pe dezvoltarea unui produs pe care oamenii sa si-l doreasca , sub un brand care sa convinga.” afirma Bogdan Colceriu , brand
manager tetatet. Fondatorii tetatet sunt:<br>
Dragos Birlea , project manager<br>
Bogdan Colceriu , brand manager<br>
Rares Dragan , chief technology officer<br>
Andrei Dunca , technical advisor<br>
Adrian Sabau , software engineer<br>
Levi Szekeres , art director<br>
Mihaly Vajda , HR consultant<br>
Emil Crisan , management consultant<br>
Raluca Rus , legal advisor<br>
Vlad Igrisan, consultant<br>
<br>
Fondatorii tetatet sunt:<br>
Dragos Birlea , project manager<br>
Bogdan Colceriu , brand manager<br>
Rares Dragan , chief technology officer<br>
Andrei Dunca , technical advisor<br>
Adrian Sabau , software engineer<br>
Levi Szekeres , art director<br>
Mihaly Vajda , HR consultant<br>
Emil Crisan , management consultant<br>
Raluca Rus , legal advisor<br>
Vlad Igrisan, consultant<br>
<br>
</div>
</div>
</body>
</html>
