Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Bild fix positionieren! Doch wie?
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Bild fix positionieren! Doch wie?

Pages: [1]

geschrieben von Simonowitsch am 27.01.2007 - 12:53
Hallo, ich will auf meiner Seite ein Bild dauerhaft anzeigen lassen und auch so dass es nicht scrollbar ist. Außederm sollte es auch je nach Auflösung immer an der gleichen Stelle sein. Ich habe das ganze mit soetwas hie rgemacht:

Zitat
 
#div1 {
padding:5px;
width:306px;
height:67px;
background-color:transparent;
border:0px solid #000000;
}


Doch leider wird mein Bild nur bei Opera ver. 9 angezeigt udn bei allen anderen nicht! was kann ich tun damitdas trotzdem funktioniert? Hat jemand eine Idee wie ich das mit java evtl machen kann?

DAnke!!

geschrieben von weisnix am 27.01.2007 - 14:21
Löst man mit position:fixed

Da es sich um CSS handelt habe ich es dort hin verschoben.

geschrieben von Simonowitsch am 27.01.2007 - 14:26
Oh...ich habe etwas Quelltext vergessen gehabt.

Mit dem fix habe ich es ja versucht. Doch das kann kaum ein Browser richtig anzeigen bzw. überhaupt anzeigen!!

Zitat
 
<style type="text/css"><!--


#div1 {
padding:5px;
width:306px;
height:67px;
background-color:transparent;
border:0px solid #000000;
}
// --></style>

</head>
<body bgcolor="#00005F">








<div align="center">
<div id="div1" style="position:fixed; left:306px; top:67px;">
<img src="logo.gif" alt="Logo" border="0">

geschrieben von weisnix am 27.01.2007 - 14:58
Immer diese halblebigen Quelltexte!

Das Muster sieht so aus:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--

#div1 {
padding:5px;
width:306px;
height:67px;
background-color:transparent;
border:0px;
solid #000000;
position: fixed;
left:306px;
top:67px;
}

// -->
</style>
</head>
<body>
<div id="div1">
<img src="logo.gif" alt="Logo" border="0" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

Wichtig ist die Angabe des doc-Typ´s ! sonst geht da nix.
Und halt so ein paar Kleinigkeiten. Aber das kannst du ja selbst vergleichen.
Das geht in allen gängigen Browsern.

geschrieben von Simonowitsch am 27.01.2007 - 15:28
Hab alles geändert - gleiches Ergebnis!

geschrieben von weisnix am 27.01.2007 - 16:51
Zitat
 Original geschrieben von Simonowitsch am 27.01.2007 - 15:28

Hab alles geändert - gleiches Ergebnis!


ich habe nichts geändert - tut immer noch!

geschrieben von Simonowitsch am 27.01.2007 - 18:15
Zitat
 Original geschrieben von weisnix am 27.01.2007 - 16:51

Zitat
 Original geschrieben von Simonowitsch am 27.01.2007 - 15:28

Hab alles geändert - gleiches Ergebnis!


ich habe nichts geändert - tut immer noch!


Das hilft mir auch sehr weiter

geschrieben von weisnix am 27.01.2007 - 19:07
Zitat
 Original geschrieben von Simonowitsch am 27.01.2007 - 18:15

Zitat
 Original geschrieben von weisnix am 27.01.2007 - 16:51

Zitat
 Original geschrieben von Simonowitsch am 27.01.2007 - 15:28

Hab alles geändert - gleiches Ergebnis!


ich habe nichts geändert - tut immer noch!


Das hilft mir auch sehr weiter


dito:


geschrieben von Simonowitsch am 27.01.2007 - 19:42
Das bild wird immernoch nicht in keinem browser richtig wenn überhaupt angezeigt als in meinem opera ver. 9



geschrieben von weisnix am 27.01.2007 - 20:28
Nochmals so zum Nachdenken.
Meine Version funktioniert mit dem IE 7, Opera 8, Netscape 7 und Firefox 1.5 da sehe ich ein Bild das beim scrollen stehen bleibt.

Was bei dir los ist sehe ich nicht!!!
Oder hast du das hinter dem Beitrag versteckt und bei mir funktioniert background-color:transparent; nicht?

geschrieben von Simonowitsch am 27.01.2007 - 20:59
bei mir funktionierts nicht. gibt es den noch eine andere möglichkeit? evtl. mit Java oder sowas?

geschrieben von weisnix am 27.01.2007 - 22:04
Da du mir deine Seite ja nicht zeigen möchtest, hier mal meine Testseite.

Dort muss das animierte Gif stehen bleiben!

Dort probierst du deine Browser aus und gibst dann bekannt mit welchen du es ausprobiert hast.

Type und Version (z.B. Internet Explorer 6 kurz IE 6)

geschrieben von Simonowitsch am 27.01.2007 - 22:54
Zitat
 Original geschrieben von weisnix am 27.01.2007 - 22:04

Da du mir deine Seite ja nicht zeigen möchtest, hier mal meine Testseite.

Dort muss das animierte Gif stehen bleiben!

Dort probierst du deine Browser aus und gibst dann bekannt mit welchen du es ausprobiert hast.

Type und Version (z.B. Internet Explorer 6 kurz IE 6)


IE 6 - Geht nicht
IE 7 - Geht
Netscape 7.1 - Geht
Netscape 7.2 - Geht
Firefox 1.5.0.9 - Geht
Opera 8.5 - geht
Opera 9.0 - geht

das bringt mir aber trotzdem nichts! da es beim ie 6 nicht geht und die meisten diesen haben!!!

Gibts da nichts anderes?


geschrieben von weisnix am 28.01.2007 - 00:14
den IE 6 sollte man so langsam aus den Verkehr ziehen!

Habe die Testseite geändert. Müsste jetzt mit dem IE 6 gehen. Vielleicht hat da ja noch einer eine bessere Version.

geschrieben von Simonowitsch am 29.01.2007 - 16:56
danke, es funktioniert!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.