html trick

T.dot · 30.01.2010, 18:43

margin auf 0 setzen

<html>
<head />
<body style="margin:0px">
<img src="ursuperbild.jpg" />
</body>
</html>

zu bunten Scrolleisten musst du Google fragen, afaik gehts nicht...

darkcobalt · 31.01.2010, 10:43

Zitat:

Zitat von T.dot

margin auf 0 setzen

<html>
<head />
<body style="margin:0px">
<img src="ursuperbild.jpg" />
</body>
</html>

zu bunten Scrolleisten musst du Google fragen, afaik gehts nicht...

perfekt, so werd ich es machen

NACHTAG: funktiniert wunderbar nur habe ich noch ein problem mit der ausrichtung des bildes.

<img src="logo.jpg" align="center top"/>

das bild ist 2800px x 800px gross und soll so dargestellt werden dass immer genau die mitte des bildes also der bereich um 1400px dagestellt wird. die vertikale ausrichtung soll am oberen rand sein.

nur bei mir beginnt das bild immer am linken rand. was mache ich falsch?

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	#3
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 :::.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Zur Linear-Darstellung wechseln Hybrid-Darstellung Zur Baum-Darstellung wechseln

30.01.2010, 18:43	#1
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	margin auf 0 setzen <html> <head /> <body style="margin:0px"> <img src="ursuperbild.jpg" /> </body> </html> zu bunten Scrolleisten musst du Google fragen, afaik gehts nicht...

31.01.2010, 12:30	#4
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)