eisn81: Hintergrund wird gestreckt?

Beitrag lesen

Om nah hoo pez nyeetz,

Es erfolgt keine Verzerrung von Hintergründen. Es wird allerdings in horizontaler Richtung (also von links nach rechts) genau einmal das Hintergrundbild angezeigt und zwar in der Mitte wie von dir gewünscht. Wenn der Viewport zu klein wird sieht man irgendwann auch nur die Mitte des Bildes. Scrollbalken entstehen durch den Inhalt und nicht durch den Hintergrund. Sie abzuschalten wäre eine Beeinträchtigung mancher Nutzer und ist mit HTML so nicht möglich, es sei denn durch die Verwendung von overflow.

Matthias

also bei mir und bei nem bekannten von mir siehts [link:http://i256.photobucket.com/albums/hh186/barry_t/Unbenannt2.jpg?t=1264610818@title=so] und [link:http://i256.photobucket.com/albums/hh186/barry_t/Unbenannt.jpg?t=1264610926@title=so] aus, ich kopier einfach mal die codes der beiden seiten komplett hier rein - aber an sich ist nichts im html für die positionierung verantwortlich, und beim css ist imo auch nicht anderes ausser dem body-tag dafür verantwortlich...

die erste seite:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
  
<head>  
  
<title>BF Recordings</title>  
<link rel="shortcut icon" type="image/x-icon" href="fav.ico">  
<link rel="stylesheet" type="text/css" href="css\css.css">  
  
  
  
</head>  
  
  
<body>  
  
	<center><img alt="BF-Recordings" class="banner" src="buttons\banner.gif"></center>  
	<div class="navigation">  
		<nobr><center>  
		<a class="start" href="start.htm"><img src="buttons\homerot.jpg" alt="Home"></a>  
		<a class="about" href="about us.htm"><img src="buttons\aboutus.jpg" alt="About Us"></a>  
		<a class="releases" href="releases.htm"><img src="buttons\releases.jpg" alt="Releases"></a>  
		<a class="freestuff" href="free downloads.htm"><img src="buttons\freestuff.jpg" alt="Free Stuff"></a>  
		<a class="artistz" href="artistz.htm"><img src="buttons\artists.jpg" alt="Artistz"></a>  
		<a class="forthcomin" href="forthcoming.htm"><img src="buttons\forthcomin.jpg" alt="Forthcomin"></a>  
		</center></nobr>  
	</div>  
  
	<div class="news">  
	   <center>  
		<p class="newstext">Latest Release:</p>  
		<p>"Warcry EP" by Shem and Nilow - BFDS001</p>  
		<img class="relpic" alt="Cover" src="http://c4.ac-images.myspacecdn.com/images02/105/l_de8a32464ab941e59e7dbc4f2afd37d7.jpg">  
		<p class="newstext">Next Release:</p>  
		<p>"Quadrupedal EP" by Rolar - BFDB002</p>  
		<img class="relpic" alt="Cover" src="http://c2.ac-images.myspacecdn.com/images02/148/l_83c993397fd044038bd498310bc0ecd9.png">  
	   </center>  
	</div>  
  
</body>  
  
</html>  

und die zweite:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
  
<head>  
  
<title>BF Recordings</title>  
<link rel="shortcut icon" type="image/x-icon" href="fav.ico">  
<link rel="stylesheet" type="text/css" href="css\css.css">  
  
  
  
</head>  
  
  
<body>  
  
	<center><img alt="BF-Recordings" class="banner" src="buttons\banner.gif"></center>  
	<div class="navigation">  
		<nobr><center>  
		<a class="start" href="start.htm"><img src="buttons\home.jpg" alt="Home"></a>  
		<a class="about" href="about us.htm"><img src="buttons\aboutus.jpg" alt="About Us"></a>  
		<a class="releases" href="releases.htm"><img src="buttons\releasesrot.jpg" alt="Releases"></a>  
		<a class="freestuff" href="free downloads.htm"><img src="buttons\freestuff.jpg" alt="Free Stuff"></a>  
		<a class="artistz" href="artistz.htm"><img src="buttons\artists.jpg" alt="Artistz"></a>  
		<a class="forthcomin" href="forthcoming.htm"><img src="buttons\forthcomin.jpg" alt="Forthcomin"></a>  
		</center></nobr>  
	</div>  
  
	<div class="relsofar">  
		<center>  
		<p class="header">Releases</p>  
				<p><span class="styleheaderrel">Drum and Bass</span><br>  
				[BFDB003] "Made In Spain EP" by Bluegoobling and Anthrax<br>  
				[BFDB002] "Quadrupedal EP" by Rolar<br>  
				<a class="catno" href="file:\\\C:\Dokumente und Einstellungen\eisn1\Desktop\website\bfdb001.htm">[BFDB001]</a> "Made In Russia EP" by Gancher and Ruin<br><br><br>  
				<span class="styleheaderrel">Dubstep</span><br>  
				[BFDS002] "Oddboy EP" by Oddboy<br>  
				[BFDS001] "Warcry EP" by Shem and Nilow<br>  
				  
		</p>  
		</center>  
	</div>  
</body>  
  
</html>  

das dazugehörige stylesheet ist folgendes:

  
body{  
background-color:black ;  
background-image:url(http://i256.photobucket.com/albums/hh186/barry_t/Wallpaper.jpg?t=1263957355) ;  
background-repeat:repeat-y ;  
background-position:center ;  
}  
  
.banner{  
margin-top:-10px ;  
}  
  
.navigation{  
margin-top:-5px ;  
margin-left:-30px ;  
}  
  
.start{  
color:black  
}  
  
.releases{  
margin-left:-5px ;  
color:black  
}  
  
.artistz{  
margin-left:-5px ;  
color:black  
}  
  
.freestuff{  
margin-left:-5px ;  
color:black  
}  
  
.about{  
margin-left:-5px ;  
color:black  
}  
  
.forthcomin{  
margin-left:-5px ;  
color:black  
}  
  
p{  
color:white  
}  
a{  
color:white ;  
}  
  
.newstext{  
font-weight:bold ;  
font-size:20px ;  
font-family:verdana ;  
text-decoration:underline ;  
}  
  
.relpic{  
width:300px  
}  
  
.news{  
margin-top:100px ;  
}  
  
.header{  
font-weight:bold ;  
font-size:20px ;  
font-family:verdana ;  
text-decoration:underline ;  
margin-top:100px ;  
}  
  
.catno{  
text-decoration:underline ;  
font-size:15px ;  
}  
  
.relsofar{  
margin-top:100px ;  
}  
  
.styleheaderrel{  
font-weight:bold ;  
text-decoration:underline ;  
}

tut mir leid, das ist nen bisschen umfangreich, aber ich habe nirgends eine beschreibung dieses problemes gefunden und weiss selbst auch nicht mehr weiter (ausserdem kenne ich niemanden, der sich damit auskennt)...

vielen dank!