Witam,
Mam stronę w takim układzie
<table class="naglowek_tlo" align="center" cellspacing="0" cellpadding="0">
Zalogowany jako :
<font color="red" size="3"> <?php echo $_SESSION['user']?></font>
<table width="90%" border="1px"> <?php
require("menu_user.php");
?>
w pliku menu_user mam :
div id='menu'>
</div>";
W polu treść pokazują mi się zawartości z poszczególnych plików.
Plik css :
html, body
{
background-color: #87CEFA;
font-family : "trebuchet ms", Arial, sans-serif;
font-size : 9pt;
color: #000;
margin: 0;
padding: 0;
}
#naglowek
{
height : auto;
width : auto;
}
.naglowek_tlo
{
background-image : url(../images/bg_naglowek.png);
min-width : 800px;
height :104px;
border : 2px groove #5a799d;
}
#menu_dol
{
float : left;
margin-right : 2px;
padding : 0px 8px;
font-family : "trebuchet ms", Arial, sans-serif;
font-size : 12px;
}
#menu_gora
{
float : left;
margin-right : 2px;
padding : 0px 8px;
font-family : "trebuchet ms", Arial, sans-serif;
font-size : 12pt;
}
#menu_gora a
{
display : inline-block;
text-decoration : none;
color : #FFD700;
padding : 1px;
border-left : 6px solid #cccccc;
margin-right : 40px;
}
#menu_gora a:hover
{
color : #ff0000;
border-left : 6px solid #ff0000;
}
#tresc {
min-height : 400px;
background-color: #fbfbfb;
border : 8px groove #5a799d;
}
#menu {
width: 300px;
min-height : 400px;
margin : 0 0 0 10px;
float: left;
overflow: hidden;
position: absolute;
background-color: #ececec;
border : 2px groove #5a799d;
}
#menu ul {
list-style-type:none;
margin-bottom:15px;
background-color:#2F4F4F;
padding:5px;
}
#menu li {
background:url(../images/sidebar-li.png) no-repeat;
background-position:0px 0;
height:20px;
padding-left:22px;
padding-top:1px;
}
#menu a {
font-weight:normal;
text-decoration:none;
}
I teraz nie umiem zmienić szeerokości div menu oraz treść.
Chcę aby pole menu miało 250px szerokości poźniej 10px przerwy a potem treść 600 px ale obojętnie jak zmienię wartości to dalej jest taka sama pozycja