Autor Zpráva
Berny
Profil
#1 · Zasláno: 13. 3. 2006, 15:03:07
Odpovědět Citovat
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
#2 · Zasláno: 13. 3. 2006, 15:20:06 · Upravil/a: Plaváček
Odpovědět Citovat 

<!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
#3 · Zasláno: 13. 3. 2006, 15:48:17
Odpovědět Citovat
Ještě jsem tam přidal pár drobnosti a už je vše OK. Díky moc
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0