Autor Zpráva
Berny
Profil
Nazdárek,
mám problém. Potřebuji natáhnout tabulku do okrajů. Celá stránka je rozdělena na 4 úseky. Prvním je hlavička. Pod hlavičkou je nalevo menu, uprostřed obsah a napravo jsou novinky. Tabulka, kterou chci natáhnout do okrajů je pochopitelně v sekci "obsah". Nátáhnout by se měla tak, aby dosahovalo okrajů obsahu a nerozbila postraní sekce - tj. menu a novinky. Když dám tabulce šířku 100%, tak v Opeře 8.51 a ve FF 1.5.0.1 se zobrazuje podle mojich představ, ale v IE 6 se tak už neděje. Prosím o pomoc

<!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">
<title>Stránka</title>
<style type="text/css">
<!--
body {margin:0px; padding: 0px; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; background-color: #FFF2BF; color: #333333; font-size: 11px;}
#site {position: absolute;width: 100%;}
#hlavicka {height: 100px;background-color: #FFCC00; border-bottom: 1px #B38F00 solid;}
#side_left {position: absolute;left:0;width: 150px;background-color: #FFE680; border-right: 1px #B38F00 solid; border-bottom: 1px #B38F00 solid;}
#side_center {margin-left: 150px; margin-right: 150px; padding: 0px;}
#side_center_obsah {padding: 10px;}
#side_right {padding: 0px; margin: 0px; position: absolute;right:0;width: 150px;background-color: #FFE680; border-left: 1px #B38F00 solid; border-bottom: 1px #B38F00 solid;}
#side_right_obsah {text-align: center; padding: 10px;}
//-->
</style>
</head>
<body>
<!-- cela stranka -->
<div id="site">
<!-- hlavicka -->
<div id="hlavicka">
<div id="title">Stránka</div>
</div>
<!-- leva strana -->
<div id="side_left">
<div id="menu">
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
</div>
</div>
<!-- prava strana -->
<div id="side_right">
<div id="side_right_obsah">
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
</div>
</div>
<!-- stred -->
<div id="side_center">
<div id="side_center_obsah">
<table width="100%" border="1">
<tr><td>něco</td><td>něco</td><td>něco</td></tr>
</table>
</div>
</div>
<!-- konec stranky -->
</div>
</body>
</html>
Plaváček
Profil

<!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, [url=http://www.pspad.com">
]www.pspad.com">
[/url]
<title>Stránka</title>
<style type="text/css">
<!--
body {margin:0px; padding: 0px; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; background-color: #FFF2BF; color: #333333; font-size: 11px;}
#site {position: absolute;width: 100%;}
#hlavicka {height: 100px;background-color: #FFCC00; border-bottom: 1px #B38F00 solid;}
#side_left {position: absolute;left:0;width: 150px;background-color: #FFE680; border-right: 1px #B38F00 solid; border-bottom: 1px #B38F00 solid;}
#side_center {margin-left: 150px; margin-right: 150px; padding: 0px;}
#side_center_obsah {padding: 10px;}
#side_right {padding: 0px; margin: 0px; position: absolute;right:0;width: 150px;background-color: #FFE680; border-left: 1px #B38F00 solid; border-bottom: 1px #B38F00 solid;}
#side_right_obsah {text-align: center; padding: 10px;}
<!-- dopln do stylu -->
.table, table {width:100%;}
<!-- dopln do stylu -->
//-->
</style>
</head>
<body>
<!-- cela stranka -->
<div id="site">
<!-- hlavicka -->
<div id="hlavicka">
<div id="title">Stránka</div>
</div>
<!-- leva strana -->
<div id="side_left">
<div id="menu">
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
</div>
</div>
<!-- prava strana -->
<div id="side_right">
<div id="side_right_obsah">
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>něco<br>
</div>
</div>
<!-- stred -->
<div id="side_center">
<div id="side_center_obsah">
<!-- vloz do DIV -->
<div class="table">
<table border="1">
<tr><td>něco</td><td>něco</td><td>něco</td></tr>
</table>
</div>
<!-- vloz do DIV -->
</div>
</div>
<!-- konec stranky -->
</div>
</body>
</html>
Berny
Profil
Ještě jsem tam přidal pár drobnosti a už je vše OK. Díky moc
Toto téma je uzamčeno. Odpověď nelze zaslat.

0