Re:CSS

From: h! y n e k . l i p a (hynek.lipa@worldonline.cz)
Date: 27. 09. 2002, 09:58 CEST 

> pouzivat neduveryhodny iframe? Kdyz z nejakyho duvodu nechci, aby se
> rolovala cela stranka, ale jenom jeji cast uvnitr te stranky - kvuli
obsahu,
> ktery je vetsi nez velikost okna, znam jen dve reseni: jednim je iframe
> resp. frame a druhym JS, se kterym si podle mych zkusenosti NN poradi
jeste
> hur, nez s iframe. Existuje jeste jinna alternativa?
> Ahoj, Lubos
---------------------------

i kdyz je mi zahadou, proc nekdo chce mermomoci takove to veci, ale prosim.
jina alternativa? jiste, ciste css:

<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"
/>
  <meta http-equiv="Content-language" content="cs" />
  <meta name="copyright" content="Content (c) hyneklipa.cz" />
  <meta name="author" content="h!ynek, mail at hyneklipa.cz" />
  <meta name="generator" content="h!ynek HandMade" />
  <meta name="robots" content="NOINDEX" />
  <title>jméno stránky</title>
  <style media="all" type="text/css">
    body {
   margin: 0;
   padding: 0;
   color: #000;
   background : #ccc none;
 }
 #page {
   width: 80%;
   height: 70%;
   padding: 5px 5px 5px 5px;
   border: 2px solid #000;
   position: absolute;
   top: 15%;
   left: 10%;
   overflow: auto;
   color: #000;
   background : #fff none;
   voice-family: "\"}\"";
   voice-family: inherit;
   top: 13%;
   left: 8%;
 }
  </style>
</head>
<body>
<div id="page">
  <h1>I love iframe:)</h1>
  <p>náhrada za iframe, aby se nemusela rolovat celá stránky (hele neni to
nejaka blbina?)</p>
  <h2>Description</h2>
  <p>celý obsah této stránky je &quot;zabalen&quot; do prvku
<code>&lt;div&gt;</code> s unikátním atributem <code>id</code>. vypadá to
nějak takto:</p>
  <code><pre>
&lt;div id=&quot;page&quot;&gt;
  ...
  zde je obsah stránky
  ...
&lt;/div&gt;
  </pre></code>
  <p>v definici CSS pak jsou definována pravidla pro
<code>&lt;body&gt;</code> dokumentu a pro <code>&lt;div&gt;</code> s
atributem <code>id&nbsp;=&nbsp;page</code>. vypadá to takto:</p>
  <code><pre>
 body {
   margin: 0;
   padding: 0;
   color: #000;
   background : #ccc none;
 }
 #page {
   width: 80%;
   height: 70%;
   padding: 5px 5px 5px 5px;
   border: 2px solid #000;
   position: absolute;
   top: 15%;
   left: 10%;
   overflow: auto;
   color: #000;
   background : #fff none;
   voice-family: "\"}\"";
   voice-family: inherit;
   top: 13%;
   left: 8%;
 }
  </pre></code>
<h2>h!</h2>
</div>
</body>
</html>

ale DW se z toho asi p.
funguje to od prohlizecu 5+, i kdyz Opera s tim asi bude mit problemy
(ostatne jako se vsim:)

 - h! -
http://www.hyneklipa.cz/

This archive was generated by hypermail 2.1.2 : 27. 09. 2002, 10:04 CEST