méretezés
Sziasztok, kéne egy kis segítség ismét:D a következőben: az oldalam felépítése fejléc, tartalom, lábléc, és a tartalom mellett bal oldalt egy menü. Mind a 4 elem külön div-ben. A problémám h a különböző menüpontok más-más mennyiségű szöveges adatot tartalmaznak, amik a content div-ben jelennek meg mindig, és ha túl sok a szöveg a lábléc alá nyúlik a tartalom. Most a content div-nek fix szélesség és magasság értékeket adtam meg, gondolom ez a hiba. De hogy csináljam meg h a lábléc mindig igazodjon a tartalomhoz, persze egy minimális content méret azért legyen. Itt arra gondolok hogy ha megjelenítendő szöveges tartalom csak 6-7 mondat, akkor ne ugorjon fel a lábléc a tartalom közepéhez.
Itt a weblap teljes css kódja is:
■ Itt a weblap teljes css kódja is:
#container {
width:850px;
margin:0 auto;
}
#sidebar_left {
width:170px;
float:left;
background:#800000 ;
}
#content {
margin-left: 170px;
background:#FFFFFF;
width: 680px;
height: 1200px;
color: red;
text-align: center;
font-size: 12px;
}
body { }
/* colors and others */
#container {
background: #ffdead ;
}
#header {
background-image: url('head.jpg');
height: 170px;
border: solid;
border-color: #800000;
border-width: 2px;
}
#footer {
background:#deb887;
color:#999999;
border-style: solid;
border-width: 2px;
border-color: #800000;
}
p, h1, h2, h3, h5 {
margin:0;
padding:10px;
}
#flags {border-color: #800000;
border-style: solid;
border-width: 0px 2px 2px 2px;
background-color: #deb887;
height: 22px;}
#flags table {float: right;
padding: 0px 1px;
margin: 0px;
}
#header h1, #footer h5 {
text-align:center;
}
#header h1 {color: #800000;
padding-right: 80px}
#sidebar_left ul {
list-style:none;
margin: 0px;
padding: 0px;
width:170px;
border:1px solid white;
background-color: #800000;
color: white;
}
#sidebar_left li {
padding: 2px 2px;
border-style: solid;
border-color: white;
border-width: 1px 0;
}
a {text-decoration: none;
font-size: 13px;
font-family: sans-serif;
font-weight: bold;
color: white;
display: block;
padding: 2px 0px 0px 2px;
width:100%; /* IE */
}
/*MENU BEFORMAZOTT*/
ul,li,a {
display:block;
margin:0;
padding:0;
border:0;
}
li {
position:relative;
padding:1px;
padding-left:26px;
/*background:url("images/item_moz.gif") no-repeat;*/
z-index:9;
}
li.folder { background:url("images/item_folder.gif") no-repeat; }
li.folder ul {
position:absolute;
left:120px; /* IE */
top:5px;
}
li.folder>ul { left:140px; } /* others */
li>a { width:auto; } /* others */
/*li.folder:hover{background-color: #deb887}*/
/* regular hovers */
a:hover {
border-color:gray;
background-color:#deb887;
color:black;
}
li a.submenu {
/*background:url("white.gif") right no-repeat;*/
}
li.folder a:hover {
background-color:#deb887; /*ALMENUS MENUKET KEZEKI*/
}
/* hovers with specificity */
li.folder:hover { z-index:10; }
ul ul, li:hover ul ul {
display:none;
}
li:hover ul, li:hover li:hover ul {
display:block;
}
clear: both
#footer
-nek adjclear:both
-t.Köszi működött