html trick

darkcobalt · 31.01.2010, 12:18

als hintergrundbild definiert funktioniert es mit folgenden werten:
background-position:center top;

aber dann kann ich nicht scrollen. hier mal der html code:

===============================================
body {
background-color: #FFFFFF; overflow-x:hidden;
}
-->
</style></head>

<body style="margin:0px">
<img src="logo.jpg" align="center top"/>
</body>

===============================================

T.dot · 31.01.2010, 12:30

Du kannst wahrscheinlich den Image nen negativen Margin geben, aber das würd dann auch nur passen, wenns Browserfenster immer gleich breit ist...

probier mal folgendes:
<html>
<head />

<body style="background-image:url('riesiges_bild.jpg');background-position:top center;background-repeat:no-repeat">

<div style="height:5000px;">

</div>
</body>
</html>

darkcobalt · 31.01.2010, 13:06

Zitat:

Zitat von T.dot

Du kannst wahrscheinlich den Image nen negativen Margin geben, aber das würd dann auch nur passen, wenns Browserfenster immer gleich breit ist...

probier mal folgendes:
<html>
<head />

<body style="background-image:url('riesiges_bild.jpg');background-position:top center;background-repeat:no-repeat">

<div style="height:5000px;">

</div>
</body>
</html>

danke, so gehts!!!!

31.01.2010, 12:18	#1
darkcobalt Des moch ma in da Post... Registriert seit: 24.10.2001 Beiträge: 2.451	als hintergrundbild definiert funktioniert es mit folgenden werten: background-position:center top; aber dann kann ich nicht scrollen. hier mal der html code: =============================================== body { background-color: #FFFFFF; overflow-x:hidden; } --> </style></head> <body style="margin:0px"> <img src="logo.jpg" align="center top"/> </body> =============================================== ____________________________________ thanks D\|C .::: DARKCOBALT :::.

31.01.2010, 12:30	#2
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	Du kannst wahrscheinlich den Image nen negativen Margin geben, aber das würd dann auch nur passen, wenns Browserfenster immer gleich breit ist... probier mal folgendes: <html> <head /> <!-- image als hintergrund fuer body, top-center, no-repeat --> <body style="background-image:url('riesiges_bild.jpg');background-position:top center;background-repeat:no-repeat"> <!-- fake diff, damits immer ne scrollbar gibt --> <div style="height:5000px;"> </div> </body> </html>

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)