| Autor | Zpráva | ||
|---|---|---|---|
| Hava Profil * |
#1 · Zasláno: 6. 11. 2009, 23:09:16
Ahoj, potreboval bych poradit jak spravne umistit paticku, aby se mi korektne zobrazovala i mozille. V IE mi tento priklad beha bez problemu, ale v mozile kdyz mam levy sloupec delsi nez stredni tak se stejne paticka zastavi az u prostreniho sloupce a na ten delsi levy nereaguje.
Soubor se stylem: * {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
font-family: Verdana, Arial, lucida, sans-serif;
background: #fc92da;
color: #000;
font-size: x-small;
text-align: center;
min-width: 800px;
line-height: 1.5;
margin: 0;
}
html>body {
font-size: small;
}
#main {
width: 1024px;
margin: 0 auto;
text-align: left;
background: #ff0000;
min-height: 100%;
height: 100%;
position: relative;
}
body>#main {
height: auto;
}
#head {
color: fff;
background: #ffddb2;
height: 200px;
float:left;
width:1024px;
}
#prostredek {
width: 1024px;
}
#leva_strana {
width: 171px;
background: #41d159;
float:left;
height: 548px;
margin-right:0px;
}
#hlavni_text {
float:left;
font-size: 10pt;
width: 683px;
color:#000000;
text-align: left;
}
#prava_strana {
height: 548px;
float: right;
background: #41d159;
}
#clear {
clear:both;
}
#footer {
width: 1024px;
height: 28px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
background: #000000;
}Kod stranky: <html>
<head>
<link rel="stylesheet" href="styly/stylhlavni.css" type="text/css">
</head>
<body>
<div id="main">
<div id="head">Hlavicka</div>
<div id="prostredek">
<!-------vlevo---------------------------------------------------------------------------------------------------------->
<div id="leva_strana">
Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
</div>
<!--------prostredek----------------------------------------------------------------------------------------------------------->
<div id="hlavni_text">
Prostredek
</div>
<!-------vpravo---------------------------------------------------------------------------------------------------------->
<div id="prava_strana">
Prava strana
</div>
</div>
<div id="clear"></div>
<div id="footer">Paticka</div>
</div>
</body>
</html>Predem dekuji za kazdou radu... |
||
| SwimX Profil |
#2 · Zasláno: 6. 11. 2009, 23:37:20
upozornil jsem Plaváčka na nefungující Patičku vždy dole v Opeře 9.5+
vyřešil to hackem /* Opera 9.5+ hack, mozna najdete nekdo i jine reseni */
@media all and (min-width: 0px){
#main {
display: table;
height: 100%
}
}
/* Opera 9.5 hack, mozna najdete nekdo i jine reseni */A teď i novější verze mozilly zlobí. Pokud o to zde Plaváček zavadí, jistě poradí, nebo mu napiš: info (at) plavacek net |
||
| Bubák Profil |
#3 · Zasláno: 7. 11. 2009, 01:17:11
O něčem bych věděl, ale použít na jeden hack další je fuj!
@-moz-document url-prefix(){
#main {
display: block;
}
}Problém je v tom, že hack na Operu vlastně neexistuje. Plaváčkem použitý hack je korektní deklarace z návrhu CSS3, kterou se naučil i Firefox. Pro zajímavost, Opera 10.x už hack nepotřebuje. |
||
| Davex Profil |
#4 · Zasláno: 7. 11. 2009, 16:34:49
Na Plaváčkovu patičku vždy dole by měl fungovat můj hack použitý ve vlákně flexibilna vyska podla velkosti prehliadaca , který jiným prohlížečům nevadí:
#text:after {
content: " "; /* opera 9.5 100% height fix */
visibility: hidden;
} |
||
|
Časová prodleva: 14 let
|
|||
0