Buduje mini strone internmetową, pojawił mi się problem z css.
Mam stronę podzieloną na kilka części (www.agf.autos24.pl )
Chcę aby boczne lewe i prawe menu dopasowywały się wielkością do treści zawartej pomiędzy nimi.
Wszystko to jest na <div>, menu lewe MENUL, treść 'TRESC' menu prawe 'informacje'. Oto plik CSS.
Co muszę zmodyfikować aby to tak działało?
CODE
p { margin-left: 30px; }
a:link {color: black;}
a:visited {color: black;}
a:hover {color: red;}
a:active {cecha: gray;}
a img{border:0;}
html, body {
text-align: center;
margin: 0;
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}
#iframecenter {
/*height: 895;*/
width: 475;
border: 0;
}
#logowanie{
/*height: 895;*/
width: 475;
frameborder: 0;
}
#menuadmin {
height: 100;
text-align: left;
color: blue;
}
#center {
/* 2000px;*/
width: 780px;
margin-left: auto;
margin-right: auto;
}
#LOGO {
height: 150px;
}
#NAGLOWEK {
background-image: url(img/menu_nav_top.jpg);
background-color: #888;
height: 25px;
text-align: left;
}
#MENUL {
height: 100%;
text-align: left;
width: 150px;
float: left;
/*overflow: hidden;*/
background-color: #ccc;
}
#MENUBELKA{
background-image: url(img/menu_nav_top.jpg);
height: 25px;
text-align: left;
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#MENUODSTEP{
height: 5px;
text-align: left;
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#INFORMACJE {
height: 100%;
width: 150px;
float: right;
overflow: hidden;
background-color: #ccc;
}
#TRESC {
height: auto;
width: 480px;
float: left;
overflow: hidden;
background-color: #fff;
}
#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
a:link {color: black;}
a:visited {color: black;}
a:hover {color: red;}
a:active {cecha: gray;}
a img{border:0;}
html, body {
text-align: center;
margin: 0;
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}
#iframecenter {
/*height: 895;*/
width: 475;
border: 0;
}
#logowanie{
/*height: 895;*/
width: 475;
frameborder: 0;
}
#menuadmin {
height: 100;
text-align: left;
color: blue;
}
#center {
/* 2000px;*/
width: 780px;
margin-left: auto;
margin-right: auto;
}
#LOGO {
height: 150px;
}
#NAGLOWEK {
background-image: url(img/menu_nav_top.jpg);
background-color: #888;
height: 25px;
text-align: left;
}
#MENUL {
height: 100%;
text-align: left;
width: 150px;
float: left;
/*overflow: hidden;*/
background-color: #ccc;
}
#MENUBELKA{
background-image: url(img/menu_nav_top.jpg);
height: 25px;
text-align: left;
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#MENUODSTEP{
height: 5px;
text-align: left;
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#INFORMACJE {
height: 100%;
width: 150px;
float: right;
overflow: hidden;
background-color: #ccc;
}
#TRESC {
height: auto;
width: 480px;
float: left;
overflow: hidden;
background-color: #fff;
}
#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
