Wiedzialem ze cos przeoczylem (IMG:
http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Dzieki :]
Teraz kolejny error, wysokosc pod IE jest stała... i nie da sie jej zmniejszyc
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
margin-top: 20px;
margin-bottom: 20px;
font-family: Tahoma;
background: url('./bg.png');
}
img {
behavior: url('pngbehavior.htc');
}
#container {
margin: auto;
border: 1px solid #000000;
width: 915px;
background: url('./bg_all.png');
}
#top_left {
float: left;
width: 266px;
height: 198px;
background: url('./logo_left.png');
border-right: 1px solid #000000;
}
#top_right {
float: left;
width: 648px;
height: 198px;
background: url('./logo_right.png');
}
#top_menu {
width: 915px;
height: 28px;
background: url('./top_menu.png');
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
clear: both;
}
#logo {
position: absolute;
width: 202px;
height: 261px;
margin-left: 30px;
top: 10px;
}
#menu_left {
float: left;
width: 128px;
margin-right: 10px;
padding-top: 25px;
}
#menu_right {
float: left;
width: 128px;
padding-top: 25px;
}
#body {
float: left;
width: 648px;
border-left: 1px solid #000000;
}
#footer {
height: 28px;
background: url('./footer.png');
border-top: 1px solid #000000;
clear: both;
}
#menu_left h3, #menu_right h3 {
margin: 0px;
padding: 0px;
display: block;
font-size: 12px;
padding: 7px 4px 9px 4px;
color: #dddddd;
background: url('./header.png');
}
#menu_left ul, #menu_right ul {
padding: 0;
margin: 0;
margin-bottom: 5px;
list-style: none;
}
#menu_left li, #menu_right li {
padding: 0;
margin: 0;
font-size: 12px;
}
#menu_left a, #menu_right a {
display: block;
margin: 0px;
padding: 1px 2px 2px 14px;
background: url('./menu_item.png');
background-color: #cc0000;
text-decoration: none;
color: #dddddd;
}
#menu_left a:hover, #menu_right a:hover {
background: url('./menu_item2.png');
background-color: #ff0000;
}
</style>
</head>
<body>
<div id="container">
<div id="top_left"></div>
<div id="top_right"></div>
<div id="top_menu"></div>
<div id="menu_left">
<h3>Jakies menu</h3>
<ul><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li></ul>
<h3>Jakies menu</h3>
<ul><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li></ul>
<h3>Jakies menu</h3>
<ul><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li></ul>
</div>
<div id="menu_right">
<h3>Jakies menu</h3>
<ul><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li></ul>
<h3>Jakies menu</h3>
<ul><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li></ul>
<h3>Jakies menu</h3>
<ul><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li><li><a href="#">Link1</a></li></ul>
</div>
<div id="body"></div>
<div id="footer"></div>
<div id="logo"><img src="./logo.png" style="width: 202px; height: 261px;" alt="</span>" /><<span style='color:blue'>/div>
</div>
</body>
</html>
Ten post edytował Balas 18.09.2006, 19:40:13