Überschuss (scrollen obwohl es nicht sein müsste)

**wolfsblut** · 04.03.2009 12:38

hiho ihr da draußen!

ich hab mal eine Frage :

Wieso wird mir bei meinem Layout im IE6 das scrollen möglich (bzw. der balken bleibt) obwohl meine seite 800 x 550 px ist???? ca. die doppelte anzahl an px nach unten ist "aktiviert"... d.h. nutze ich den scrollbalken, dann ist noch ma eine Fläche von 550px Höhe da, die ich mir nicht erhlähren kann....

weiß das einer vielleicht von euch so? oder soll ich die Quelltexte irgendwo bereitstellen?

mfg,
wb

**jayjay** · 04.03.2009 12:40

Zitat von wolfsblut

... oder soll ich die Quelltexte irgendwo bereitstellen?...

wäre nicht schlecht, link geht auch

**Guin** · 04.03.2009 12:54

Wieso wird mir bei meinem Layout im IE6

Wollten wir den IE6 nicht sterben lassen

**wolfsblut** · 04.03.2009 12:55

html-code

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NNWirtschaftsberatung</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/screen.css" rel="stylesheet" type="text/css">
</head>

<body>
					<!-- Container-Div für alles -->
	<div class="container">
		
					<!-- Logo Navi und rechts liegendes Bild -->
		
			
			<div class="logo"><img src="pics/logo.gif" /></div>
			
			<ul>
				<li><a href="#">:: Home</a></li>
				<li><a href="#">:: Existenzgründer</a></li>
				<li><a href="#">:: Jungunternehmer</a></li>
				<li><a href="#">:: Unternehmerkreis</a></li>
			</ul>
			
			<div class="verlauf"><img src="pics/verlauf.jpg" /></div>
  	  
	  	
		<div class="picre"><img src="pics/bild_re.jpg" /></div>
		
		<!-- Rufnummer -->
		
		<div class="call"><img src="pics/call.gif" /></div>
		
		<div class="news">
		<h3>Termine</h3>
		<p>Hier finden Sie demn&auml;chst alle Termine, die Sie benötigen... gehw hwge ewjkw e kwae wazhk eE GWAZEG Z geglb u</p>
		</div>
		
		<div class="content">
		<h1>Willkommen auf unserer Seite</h1>
		<p>fjdks fhuewl elwi hfeuwih ewu hhuw euwi uew hu ehwueh fwel hakjhef uehwiul. 
		fh hjeflah fuilwah felwahf lehlwuaahflawhufhewa fualehw hfuelawfhuliwa hfielwaheulf h uewilh fhuwileehwu ahfulwaeh fuilwa. 
		ek jejiw ew iofhe vgak fevwak gew gewl ewaljhfl wea lewah fhfewui hfwle.
		<br /> hre lhul hlkw ehruih rwuiel rheuwlih uewir uewur huweh hj e jhwer jkwer bewhk hwker g hewh rjwegrk.
		<br />
		<br />Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet.  Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die Copy noch mal reden sollte. Das hier kann es jedenfalls nicht sein. Das klingt ja wie auf dem Totenbett getextet. Da muss wesentlich mehr Produktaussage rein. Ja, wir finden auch, dass man über die C
		</p>
		</div>
		
		<div class="click"><a href="#"><img src="pics/u_links.jpg" /></a></div>
		
		<div class="partner"></div>
		
		<div class="line"><hr /></div>
		
		<div class="copy">&copy; Copyright NN Wirtschaftsberatung</div>
		
	</div>

</body>
</html>

css

Code:

/* CSS Document */

.container {
	width:800px;
	margin:auto;
	position:relative;
	z-index:99;
}

.logo {
top:0;
left:0;
/*width:473px;
height:85px;*/
z-index:2;
}

ul {
top:85px;
left:0;
/*width:185px;
height:25px;*/
margin-left:0;
z-index:3;
}

ul li {
background-image:url(../pics/btn.jpg);
width:185px;
height:25px;
list-style-type:none;
}

ul li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
padding-left:5px;
padding-top:5px;
color:#FFFFFF;
text-decoration:none;
}

.verlauf {
position:relative;
top:-119px;
left:185px;
z-index:4;
	/*width:288px;
	height:100px;*/
}

.picre {
/*width:287px;
height:188px;*/
position:relative;
top:-307px;
left:473px;
z-index:5;
}

.call {
position:relative;
top:-307px;
left:473px;
z-index:6;
}

.news {
position:relative;
top:-307px;
left:0;
	width:185px;
	height:200px;
	padding:5px;
	z-index:7;
}

.content {
position:relative;
top:-522px;
left:196px;
	width:555px;
	height:auto;
	padding:5px;
	/*overflow:auto;*/
	z-index:8;
}

.click {
position:relative;
top:-540px;
left:0px;
z-index:9;
}

.click a {
border:0;
}
.click a img {
border:0;
}

.line {
position:relative;
top:-540px;
left:0px;
	width:760px;
	margin-left:20px;
	margin-right:20px;
	z-index:10;
}
hr {
	border:.5px solid;
}

.copy {
position:relative;
top:-540px;
left:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	z-index:11;
}

hoffe is okay so

**sejuma** · 04.03.2009 13:06

Beim CSS würde ich an deiner Stelle komplett neu ansetzen:
Lass sämtliche absoluten und relativen Positionierungen einschließlich top/left-Werten und z-index weg. Dies führt nur zu einer gegenseitigen Abhängigkeit der Elemente, die irgendwann nicht mehr überschaubar ist.

Positioniere die Elemente besser mit float- und margin-Angaben.

**wolfsblut** · 04.03.2009 13:22

okay, werds mal versuchen!

danke für den tipp... ist sicher sinnvoller als den ganzen tag im netz nach ner lösung zu suchen!

... cya next time!

zur Startseite vom TP

Thema: Überschuss (scrollen obwohl es nicht sein müsste)

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Überschuss (scrollen obwohl es nicht sein müsste)

Ähnliche Themen

Javascript müsste man weh tun können!!

Unterstrich bei Verlinkung müsste da mal weg.

das kanns nicht sein!!

[php] wo dürfen leerzeichen sein oder nicht sein?

Tabellen mögen sich nicht; oder sie wollen nicht nah beinander sein!

Aktive Benutzer

Aktive Benutzer