Dynamische Höhe Feste Höhe

giusi83
Autor
Neues Mitglied

Mehr

07 Okt. 2008 12:06 #17450 von giusi83

Dynamische Höhe Feste Höhe wurde erstellt von giusi83

Hallo Joomla Gemeinde...

Ich erstelle grad eine Website für einen Kunden...

Und zwar ist das jetzige Template aufgebaut mit einer Dynamischen Höhe..

Ich hab schon ein bisschen gesucht.. Wurde aber nicht fündig.

Wo kann man es einstellen, dass die Höhe statisch wird?

Ist das eher im CSS oder in der HTML?

Hier mal die CSS:

Code:

/* CSS Document */

body{
	margin: 172px 172px 172px 172px;
	background-color: #D9DDE0;
	text-align: center;
	font-family: Arial;
	color: #666666;
}

body.contentpane{
	text-align: left;
	background-color: #ffffff;
}

#container{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	width: 949px;
	margin: auto;

	text-align: center;
	
	background-image: url('../images/taustakuva.gif');
	background-repeat: repeat-y;
	background-position: top center;
	padding-top: 9px;
}

#header{
	width: 937px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 160px;
	
	background-image: url('../images/header.jpg');
	background-repeat: repeat-y;
	background-position: top center;
}

#headerl{
	position: relative;
	top: 30px;
	left: 26px;
	float: left;
	text-align: left; /* ie */
}

#headerr{
	position: relative;
	top: 58px;
	right: 24px;
	float: right;

}

div#search{
	
}

#search_out{
	float: left;
	width: 169px;
}

#search_in{
	padding: 0px;
	height: 22px !important;
	height: 24px;
	overflow: hidden;	
}

#search_in form {
  padding: 0;
  margin: 0;
}

#search_in .inputbox {
	border: 0px;
	padding: 3px 3px 3px 11px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	
	background-image: url('../images/ibackground.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 169px;
	height: 22px;
}

/*#vali{
	width: 949px;
	text-align: left;
	clear: both;	
}*/

#layoutimage{
	height: 189px;	
	background-image: url('../images/headerkuva.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#top{
	float: right;
	width: 224px;
	/*height: 172px; 189px;*/
}

#user6{
	width: 660px;
	float: left;
	text-align: left;
}

#navi{
	background-image: url('../images/navigointibg.gif');
	background-repeat: no-repeat;
	background-position: top center;
	height: 28px;
	margin-top: 2px;
	/*margin-left: 14px;*/
	padding-left: 14px;
	padding-right: 28px; /* for joomfish */
}

#contentshadow{
	background-image: url('../images/contentbg.gif');
	background-repeat: no-repeat;
	background-position: top center;
	height: 17px;
}

#content{
	text-align: left;
	padding: 0px 25px 0px 28px;

}

#koko{
	width: 898px;
	border: 1px solid purple;
	margin-left: 24px;
	
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	line-height: 1.5em;
}

#vasen{
	float: left;
	width: 241px;
}

#keski{
	float: right;
	width: 655px;	
}

#keski2{
	float: left;
	width: 420px;	
}

#keski3{
	float: left;
	width: 655px;	
}

#keski4{
	float: left;
	width: 898px;	
}

#oikea{
	width: 224px;
	float: right;
}

#jako{
	width: 420px;
}

#user1{
	float: left;
	width: 50%;
	text-align: left;
}

#user2{
	float: right;
	width: 50%;
	text-align: left;
}

#user5{
	float: left;
	width: 100%;
	text-align: left;
}

#keski2a{
	float: left;
	width: 100%;
}

#footer2{
	color: #9EA0A2;
	font-family: Arial;
	font-size: 12px;
	height: 64px;
	clear: both;
	text-align: left;
	
	width: 949px;
	background-image: url('../images/footerpalkki.gif');
	background-repeat: no-repeat;
	background-position: bottom center;
	font-weight: bold;
	
}

#copy{
	float: left;
	font-size: 10px;
	padding-top: 40px;
	padding-left: 28px;
	color: #666666;
}

div#copy div{
	float: left;
	margin-right: 5px;
}

#othermenu{
	float: right;
	padding-top: 40px;
	padding-right: 28px;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	font-family: Arial;
}

#footer{
	color: #9EA0A2;
	font-family: Arial;
	font-size: 10px;
	padding-top: 18px;
	position: relative;
	height: 40px; /* 30 */
	clear: both;
	
	background-image: url('../images/footer.gif');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #D9DDE0;
	font-weight: bold;
}

/* for joomla */

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	
	background-image: url('../images/sepa.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

ul#mainlevel-nav li a

{
	font-family: Arial;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #5A5E68;
	background: transparent;
	margin-top: 4px;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #4060AA;

}

div.moduletable{
	margin: 0px 0px 10px 0px;
	width: 224px;

	font-family: Arial;
	font-size: 12px;
	color: #666666;
}

div.moduletable h3{
	background-image: url('../images/moduletitlebg.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 4px 0px 0px 11px;
	height: 35px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

div.moduletable table{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 204px;
	margin: 0px 10px 0px 10px;
}

div.moduletable table.contentpaneopen{
	margin: 0px 10px 0px 10px;
	text-align: left;
}

div.moduletable table.contentpaneopen td{
	text-align: left;
}


/* graphic grey module box */
div.moduletablegrey{
	margin: 0px 0px 10px 0px;
	width: 224px;

	font-family: Arial;
	font-size: 11px;
	color: #666666;
	background-image: url('../images/moduletitlebg_grey_big.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.moduletablegrey h3{
	background-image: url('../images/moduletitlebg_grey.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 4px 0px 0px 11px;
	height: 35px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

div.moduletablegrey table{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	width: 204px;
	margin: 10px 20px 0px 10px;
}

div.moduletablegrey div{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding: 0px 10px 0px 10px;
}

/* user 1 & user 2 module styles */
div.moduletableuser{
	margin: 0px 0px 10px 0px;

	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

div.moduletableuser h3{
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #5894d9;
}

div.moduletableuser table{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	margin: 10px 20px 0px 10px;
}

div.moduletableuser div{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding: 0px 10px 0px 10px;
}

/* user6 */
div.moduletableuser6{
	margin: 0px 0px 0px 0px;

	font-family: Arial;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	height: 172px;
}

div.moduletableuser6 h3{
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #5894d9;
}

/* left footer user7 */
div.moduletableuser7{
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	float: left;
	font-size: 10px;
	color: #666666;
}

/* right footer user8 */
div.moduletableuser8{
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	float: right;
	font-size: 10px;
	color: #666666;
}

/* plain color grey box */

div.moduletablegreybox{
	margin: 0px 0px 10px 0px;
	width: 224px;

	font-family: Arial;
	font-size: 11px;
	color: #666666;
	background-color: #F6F6F6;
}

div.moduletablegreybox h3{
	background-color: #F6F6F6;
	padding: 13px 0px 0px 11px;
	margin: 0;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #5894d9;
}

div.moduletablegreybox div{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	padding: 0px 10px 0px 10px;
}

div.syndicate{
	text-align: left;
}

div.moduletable table.poll{
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

table.pollstableborder{
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.pollxtd1{
	margin: 0;
}

div.syndicate div{
	text-align: left;
	margin-left: 11px;
}

table.contentpaneopen{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
	
	padding: 0px 0px 0px 0px;
}

table.searchintro{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

table.searchintro td{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

table.contentpane{
	font-family: Arial;
	font-size: 11px;
	color: #666666;

}

table.contentpane table{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

table.poll{
	font-family: Arial;
	font-size: 11px;
	color: #666666;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background-image: url('../images/bulletti.gif');
	background-repeat: no-repeat;
	background-position: top left;
	/*vertical-align: middle;*/
	font-size: 11px;
	font-weight: bold;
	color: #5894d9;
	text-align: left;
	padding-top: 5px;
	padding-left: 17px;
	height: 15px !important;
	height: 20px;
	text-decoration: none;
}

a.mainlevel:hover {
	background-image: url('../images/bulletti_on.gif');
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
	color: #5894d9;
	font-weight: bold;
}

a.mainlevel#active_menu {
	background-image: url('../images/bulletti_on.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color:#5894d9;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	background: url('../images/bulletti_on.gif') no-repeat;
	color: #5894d9;
	font-weight: bold;
}

.contentheading{
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	color: #5894d9;
	font-weight: bold;
}

.componentheading{
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	color: #5894d9;
	font-weight: bold;
}

h1{
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	color: #5894d9;
	font-weight: bold;
}

h2{
	margin: 0;
	font-family: Arial;
	font-size: 14px;
	color: #5894d9;
	font-weight: bold;
}

h3{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #5894d9;
}

.contentdescription{
	font-family: Arial;
	font-size: 11px;
}

.blog_more{
	font-family: Arial;
	font-size: 11px;
}

.small{
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

.createdate{
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

.modifydate{
	font-family: Arial;
	font-size: 10px;
	color: #999999;
}

.back_button{
	font-family: Arial;
	font-size: 10px;
}

.pagenav_prev{
	font-family: Arial;
	font-size: 10px;
}

.pagenav_next{
	font-family: Arial;
	font-size: 10px;
}

.message{
	font-family: Arial;
	font-size: 10px;
}

a:link, a:visited {
	color: #5894d9; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #5894d9;	text-decoration: underline;
	font-weight: normal;
}

a.footer:link		{color: #9EA0A2; font-size: 10px; font-weight: bold;}
a.footer:active		{color: #9EA0A2; font-size: 10px; font-weight: bold;}
a.footer:hover		{color: #9EA0A2; font-size: 10px; font-weight: bold;}
a.footer:visited	{color: #9EA0A2; font-size: 10px; font-weight: bold;}

.readon				{background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}

a.readon:link		{background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}
a.readon:active		{background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}
a.readon:hover		{background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}
a.readon:visited	{background-image: url('../images/readon.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 25px;}

ul{
		margin: 0;
		padding: 0;
		list-style: none;
}

li{
		line-height: 15px;
		padding-left: 15px;
		padding-top: 0px;
		background-image: url('../images/bullet.gif');
		background-repeat: no-repeat;
		background-position: top left;
}

ol li{
		background: none;
}

div.jflanguageselection
{
	float: right;
	vertical-align: middle;
	/*padding: 3px 2px 2px 2px;*/
	padding: 0px;
}
 
/* language lists with UL (names & images) */
ul.jflanguageselection{
	float: right;
	vertical-align: middle;
	list-style: none;
	padding: 7px 0px 0px 0px;
	margin: 0;
	font-size: 12px;
	height: 12px;
}

ul.jflanguageselection li{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
}

ul.jflanguageselection li a{
	display: block;
	color: #5894d9;
}






ul.jflanguageselection img{
	border: none;
}

/** Styles for the drop down list */

#jflanguageselection{
	float: right;
	vertical-align: middle;
}

select.jflanguageselection{
	border: 1px solid #cccccc;
	margin: 5px 1px 1px 1px;
	padding: 0px 0px 1px 0px;
	font-family: Arial;
	font-size: 11px;
	color: #5894d9;
}

label.jflanguageselection{
	position:absolute;
	left:-3000px
}

Danke euch schon mal für eure Antworten.

Grüsse Giusi

Michael-Zitrox
Neues Mitglied

Mehr

07 Okt. 2008 12:23 #17451 von Michael-Zitrox

Michael-Zitrox antwortete auf Re: Dynamische Höhe --> Feste Höhe

Ich würde zwar definitiv nie eine statische höhe bei solchen Seiten machen..

Aber hier scheint es im #content zu sein,

versuchs da mal mit

Code:

height: xxx px;
 width: xxx px;
 overflow: auto;

overflow: scroll; würde anstelle von auto auch gehen.
Aber höhe und breite muss in jedem Fall angegeben werden in verbindung mit einem scroller

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Dynamische Höhe Feste Höhe