ugrás a tartalomhoz

méretezés

Batka1985 · 2009. Dec. 9. (Sze), 13.56
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:

#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;
	}
 
1

clear: both

Poetro · 2009. Dec. 9. (Sze), 16.40
A #footer-nek adj clear:both-t.
2

Köszi működött

Batka1985 · 2009. Dec. 10. (Cs), 15.34
Köszi működött