Scrollen Richtig Anstellen...

Heute habe ich seit einigen Monaten wieder an meiner HP geschraubt, so dass sie evtl. in diesem Jahrhundert fertig wird

Nun bin ich diesesmal weiter gekommen als sonst

CSS

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.main {
	border: 1px solid #000000;
	width: 700px;
	height: 502px;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -350px;
	position: absolute;
}
.top_back {
	z-index:0;
	background-image: url(images/top_backround.gif);
	height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.banner {
	background-image: url(images/banner.jpg);
	height: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.main_back {
	background-image: url(images/main_backround.gif);
	height: 270px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
		overflow:scroll;
}
.feed {
	background-image: url(images/feed_backround.gif);
	height: 29px;
}
.navi {
	position: absolute;
	margin-top: -37px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
		color: #FFFFFF;
		
}

Layout

<div align="center">
<div class="main">
	<div class="top_back"></div>
	<div class="navi">MODUL[2]</div>
	<div class="banner"></div>
	<div class="main_back"><div align="left">MODUL[1]</div></div>
	<div class="feed"></div>
</div>
</div>

So, nun ist meine Frage bezüglich

	<div class="main_back"><div align="left">MODUL[1]</div></div>

Dort habe ich ja overflow:scroll; was mir scrollen ermöglich, jedoch kann man auch horizotal scrollen, ich will aber nur vertikal scrollen können, da sonst mein layout hin ist

dann sollte auch nur gescrollt werden können, wenn denn der text wirklich zu lang ist

ansonsten soll der lästige balken weg

was kann ich da machen?

Dann habe ich es endlich geschaft, dass die Navi über .top_back iegt, jedoch versteh ich nicht das bei margin-top: -37px; von navi genau die hälfte von .top_back ist, müsste das nciht ehr -25px sein?

MfG
Mathman

Dieser Beitrag wurde von Mathman bearbeitet: 06. November 2005 - 22:39

WinFuture-Forum.de: Scrollen Richtig Anstellen... - WinFuture-Forum.de