Autor Zpráva
KKING
Profil
Resim ted jeden docel choulostivy problem.

Potreboval bych do html stranek dostat paticku, ktera se za vsech okolnosti zobrazi na spodni casti obrazovky, vpravo a vlevo mude menu, sirka fixni vyska podle velikosti okna da se to resit framy ale to nemuzu.

Reseni tabulkou je funkcni bohuzel jak Firefox tak IE vykazuji ruzne chyby implementace CSS.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<LINK rel=stylesheet type=text/css href="css/style.css">
<title></title>
</head>
<body>
<table class='main' cellpadding='0' cellspacing='0'>
<tr class='upper'>
<td class='upper' colspan='3'>
U
</td>
</tr>
<tr class='middle'>
<td class='middle_left'>
ML
</td>
<td class='middle_center'>
<div class='middle_center'>
MCkljsdlksa sdlaj dl asl dlasd la dlads dla sdl asd asdl jlasdsd las dl asd fgkf df ksj fds f sdfk dfk sf sk fksd dsf sdf kdf dfsksdf sdfk fdk s d f kdfks h ksdf sdfkd sfksdf hksdf sdksd kdsf k sdfkd sdfk sd <br>ff<br>ffff<br><br>ff<br>ff<br><br>ff<br>ff<br>ff<br>ff<br>ff<br>ff <br>ff<br>ff<br>ff<br>ff<br>ff<br>ff<br>ffff<br>ff<br>ff<br>ff<br>ff<b r>ff<br>ff<br>ff<br>ff<br>ffff<br>ff<br>ff<br>ff<br>fffkj sdfk sd fksdf dfk sdfksd ksd sdfkdfk dfksdfkd df sdf sdkf sdfk sdfkjsdfhksdf hdf sdfksd
</div>
</td>
<td class='middle_right'>
MR
</td>
</tr>
<tr class='bottom'>
<td class='bottom' colspan='3'>
B
</td>
</tr>
</table>
</body>
</html>


/* CSS Document */
body {
text-align: center;
background-color: White;
font-size: small;
color: green;
margin: 0px;
padding: 0px;
border: 0px;
overflow: auto;
overflow-y: hidden;
}


table.main{
height: 100%;
width: 1000px;
padding: 0px;
margin: 0px;

}

tr.upper{
height: 50px;
}

td.upper{
border-bottom: 1px solid green;
vertical-align: top;
}

td.middle_left{
width:100px;
border-right: 1px solid green;

vertical-align: top;
}
td.middle_right{
width:60px;
border-left: 1px solid green;
vertical-align: top;
}
td.middle_center{
vertical-align: top;
}

div.middle_center{
overflow: auto;
width: 100%;
height: 100%;
}


tr.bottom{
height: 40px;
}
td.bottom{
border-top: 1px solid green;
}
Wan-To
Profil *
Firefox tak IE vykazuji ruzne chyby implementace CSS
Myslím, že chyby vykazuje jen IE :-)
KKING
Profil
ja vim FIrefox Rulez.... no to urcite

bohuzel problem je v tom ze v bunce middle_center nemohu definovat velikost a ani overflow. coz je reseno pres vnoreny div ktery ma vysku i sirku 100% a overflow na auto. V IE se spravne a pekne skroluje uvnitr teto bunky

ve firefoxu se div a tim padem i bunka zvetsi a spodni lista zmizi nekde dole, coz je presne to co nechci!!!!!!!

v IE je problem,ze pri overflow auto pro stranku se pri zuzeni stranky obevi horizontalni posuvnik ale vyska stranky se nezmensi a tim padem vybehne i vertikalni posuvnik... (chyba IE) :(

PS v Opere se text uvnitr middle_center nezobrazi vubec... nechapu :(
Wan-To
Profil *
Možná kdybys celou stránku přepsal do CSS/DIV layoutu a použil různé fígle, jako třeba matrjošku, tak bys měl za pár minut web, který by se zobrazoval stejně v IE, Firefoxu, Mozille i v Opeře...
KKING
Profil
v podstate je mi jedno zda to bude pres div nebo table, bohuzel jsem na webu ni takoveho nenasel... a kdyz tak pres framy.
Šlaha
Profil
Jestli to zobrazuje Firefox a Opera stejně, pak si to napsal špatně ty.
Toto téma je uzamčeno. Odpověď nelze zaslat.