Autor Zpráva
Musta
Profil
#1 · Zasláno: 30. 3. 2007, 21:26:20
Odpovědět Citovat
je to celá stránka
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="cs" xml:lang="cs">
<head>
<title>Šablona plovoucí šířky a falešných sloupců</title>
<meta http-equiv="Content-type" content="text/html; charset=windows-1250" />
<meta http-equiv="Content-Language" content="en-us" />
<script type="text/javascript" src="javascript/minmax.js"></script>
<!--tento JavaScript dovoluje Internet Exploreru používat vlastnosti min-width a max-width.-->
<style type="text/css">
* {margin:0; padding:0;}
body {font: 1.0em verdana, arial, sans-serif;
text-align:center;
}
div#hlavniobal {min-width:780px; max-width:960px;
margin-left:auto; margin-right:auto;
text-align:left;
}

div#seznam_nabidka {
width:100%;
float:left;
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:.8em;
background-color:#CCF;
margin-top:20px;
}
div#seznam_nabidka ul {margin:0 0 0 30px;
}
div#seznam_nabidka li {
float:left;
list-style-type:none;
background-color:#FFA;
border-right:1px solid #069;
}
div#seznam_nabidka li:first-child {
border-left:1px solid #069;
}
div#seznam_nabidka li:hover {
background-color:#FFF;
}
div#seznam_nabidka a {
padding:0 6px;
text-decoration:none;
color:#069;
}
div#seznam_nabidka a:hover {
color:#F33;
}
* html div#seznam_nabidka ul {
float:left;
border-left:1px solid #000;
margin-left:15px;
}
* html a {display:block;}
div#obsah { background-color:#FFF;
background:url(obrazky_css/falesny_levy.gif) repeat-y top left;
position:relative;
}
div#obsah2 {background-color:#FFF;
background:url(obrazky_css/falesny_pravy.gif) repeat-y top right;
position:relative;
}
div#sloupec1 {width:150px;
position: absolute;
top:0px; left:0px;
background-color:#CCC;
overflow:hidden;
}
div#sloupec2 {background-color:#FFF;
margin:0 170px 0 150px;
}
div#sloupec3 {width:170px;
position:absolute;
top:0px; right:0px;
background-color:#DDD;
overflow:hidden;
}
div#paticka {background-color:#FAC; text-align:center; padding-top:6px;}

div#sloupec1 ul {margin: 20px 0 0 26px;}
div#sloupec2 p {font-size:.8em; margin:0 30px 1em ;}
div#sloupec3 p {margin: 20px 10px 0 10px;}
.konecobtekani:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.konecobtekani {display: inline-block;} /* Oprava pro IE pro MacIntosh */
/* Schová trik pro IE pro Macintosh */
* html .konecobtekani {height: 1%;}
.konecobtekani {display: block;}
/* Konec triku */
</style>

</head>
<body>
<div id="hlavniobal">
<div id="seznam_nabidka">
<ul>
<li><a href="#">Zákazníci</a></li>
<li><a href="#">Členové</a></li>
<li><a href="#">Prodejci</a></li>
<li><a href="#">Distributoři</a></li>
</ul>
</div>
<div id="obsah" class="konecobtekani">
<div id="obsah2" class="konecobtekani">
<div id="sloupec2">
<p>Tento návrh používá absolutní/relativní umístění, kterým umisťuje postranní sloupce do jejich obsahového bloku.</p>
<p>Můžete nastavit maximální a minimální možnou šířku středového sloupce. Pokud dosáhne návrh těchto mezních hodnot, umístí se na střed.</p>
<p>Nulla scelerisque. Sed tincidunt. Quisque eu nisl. Phasellus mi ante, aliquet vel, vestibulum sit amet, consectetuer non, ante. Suspkonecisse consequat condimentum enim. Morbi vestibulum lorem sit amet enim. Nulla venenatis fermentum purus.</p>
<p>Nunc justo nisl, vulputate in, sagittis in, Premium sodales, magna. Nullam felis diam, bibkonecum ut, dictum in, tincidunt vitae, magna. Nunc mattis congue leo.</p>
</div><!--konec 2. sloupce-->
<div id="sloupec1">
<ul>
<li><a href="#">Odkaz 1</a></li>
<li><a href="#">Odkaz 2</a></li>
<li><a href="#">Odkaz 3</a></li>
</ul>
</div><!--konec 1. sloupce-->
<div id="sloupec3">
<p>Tato šablona používá Aslettovu metodu zakončení obtékání.</p>
</div><!--konec 3. sloupce-->
</div><!--konec bloku obsah2-->
</div><!--konec bloku obsah-->
<div id="paticka">Toto je patička</div>
</div><!--konec hlavního obalu-->
</body>
</html>
Railbot
Profil
#2 · Zasláno: 30. 3. 2007, 22:04:17
Odpovědět Citovat
A co ti na tom nefuguje? Máme věštit z lógru nebo se namáhat kód překopírovat a udělat si z něj stránku?
Musta
Profil
#3 · Zasláno: 30. 3. 2007, 22:34:51
Odpovědět Citovat
jde o to, že potřebuju zobrazit nabidkovou lištu (seznam_nabidka) v IE se v pohodě zobrazí funkční, ale ve Firefoxu se cely ten div vůbec nezobrazí.
Davex
Profil
#4 · Zasláno: 30. 3. 2007, 23:01:23 · Upravil/a: Davex
Odpovědět Citovat
Blok seznam_nabidka je schovaný pod tím zbytkem. Asi pod ním chybí čistič clear: both.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0