WinFuture-Forum.de: [css] Banner über Hintergrund - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

[css] Banner über Hintergrund


#1 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 31. Dezember 2007 - 09:49

Sooo...
Da gibt es einen Fehler:
http://www.paid4-szene.de/
Wenn der Browser maximiert ist, ist der Banner oben perfekt.
Wenn man aber die Größe des Browsers verstellt, bewegt sich der Banner auch hin und her.


#banner1{ position: absolute; right: 189px; top: 78px; z-index: 100; }


So sieht der Code aus...
Wie ändere ich das, dass der Banner immer dort bleibt?
0

Anzeige



#2 Mitglied ist offline   gr4y 

  • Gruppe: aktive Mitglieder
  • Beiträge: 216
  • Beigetreten: 08. Dezember 06
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Großpösna
  • Interessen:PHP und MySQL, .NET-Programmierung

geschrieben 31. Dezember 2007 - 10:04

Beitrag anzeigenZitat (svenner90: 31.12.2007, 09:49)

Sooo...
Da gibt es einen Fehler:
http://www.paid4-szene.de/
Wenn der Browser maximiert ist, ist der Banner oben perfekt.
Wenn man aber die Größe des Browsers verstellt, bewegt sich der Banner auch hin und her.


#banner1{ position: absolute; right: 189px; top: 78px; z-index: 100; }


So sieht der Code aus...
Wie ändere ich das, dass der Banner immer dort bleibt?


Probiers mal mit :
#banner1{ position: fixed; right: 189px; top: 78px; z-index: 100; }


sysProfile

Mit leerem Kopf nickt es sich leichter. (Zarko Petan, slowenischer Aphoristiker, *1944)
0

#3 Mitglied ist offline   amalbhalbe 

  • Gruppe: aktive Mitglieder
  • Beiträge: 643
  • Beigetreten: 14. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
  • Interessen:Design is the production of braindysentery

geschrieben 31. Dezember 2007 - 11:12

gr4yŽs Lösung hätte zur Folge das zumindest im FF der banner auch mitscrollt .. also wirklich fix steht aber beim scrollen mitgeht - und über allem drüber liegt .

ich hab mal bissle rumgespielt - mit nem live css editor das ergebniss hat zumindest im FF funktioniert

warum sich bei deiner lösung das teil mit bewegt liegt wohl daran das die abstände rechts ausgerichtet sind und im browser orientiert sich alles von links oben - variable rechts verändert sich beim verändern der Fenstergröße


#banner1{
position:absolute;
margin-left:-470px;
margin-top:5px;


}

ps: kann nicht garantieren das diese lösung wirklich richtig is, live editoren sind relativ .. ungenau will ich mal sagen mfg

Dieser Beitrag wurde von amalbhalbe bearbeitet: 31. Dezember 2007 - 11:17

Pc is my life, amd my world, intel my enemy and Linux my Hell
0

#4 Mitglied ist offline   gr4y 

  • Gruppe: aktive Mitglieder
  • Beiträge: 216
  • Beigetreten: 08. Dezember 06
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Großpösna
  • Interessen:PHP und MySQL, .NET-Programmierung

geschrieben 31. Dezember 2007 - 18:06

Beitrag anzeigenZitat (amalbhalbe: 31.12.2007, 11:12)

gr4y's Lösung hätte zur Folge das zumindest im FF der banner auch mitscrollt .. also wirklich fix steht aber beim scrollen mitgeht - und über allem drüber liegt .


Stimmt! Fällt mir auch grad auf dann probier mal das:

#banner1{ position: relative; right: 189px; top: 78px; z-index: 100; }


sysProfile

Mit leerem Kopf nickt es sich leichter. (Zarko Petan, slowenischer Aphoristiker, *1944)
0

#5 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 02. Januar 2008 - 16:14

Perfekt!
Vielen dank!
0

#6 Mitglied ist offline   amalbhalbe 

  • Gruppe: aktive Mitglieder
  • Beiträge: 643
  • Beigetreten: 14. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
  • Interessen:Design is the production of braindysentery

geschrieben 02. Januar 2008 - 16:44

hast du die site schon mal mit mehreren browsern angesehen u.a den 2 marktführern?


falls du diese nicht hast oder so mal nen screenshot von ie 7 und 6

http://amalbhalbe.de.../paid4szene.jpg


auch sollte dich dies hier stark zu denken geben

validator
Pc is my life, amd my world, intel my enemy and Linux my Hell
0

#7 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 04. Januar 2008 - 02:16

Ja ich weiß.
Ist ein bisschen schade mit dem Menu.
Das liegt sicherlich an dem hover, oder?
0

#8 Mitglied ist offline   amalbhalbe 

  • Gruppe: aktive Mitglieder
  • Beiträge: 643
  • Beigetreten: 14. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
  • Interessen:Design is the production of braindysentery

geschrieben 04. Januar 2008 - 17:47

versuchs mal damit

http://jigsaw.w3.org/css-validator/validat...id4-szene.de%2F
Pc is my life, amd my world, intel my enemy and Linux my Hell
0

#9 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 05. Januar 2008 - 16:13

Hmm hat nichts gebracht.
CSS ist jetzt valid, aber im IE sieht die Seite immernoch anders aus, als sie sollte!
0

#10 Mitglied ist offline   amalbhalbe 

  • Gruppe: aktive Mitglieder
  • Beiträge: 643
  • Beigetreten: 14. Mai 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:BMW E38 740i V8 286 PS 4.4L Hubraum
  • Interessen:Design is the production of braindysentery

geschrieben 05. Januar 2008 - 22:29

dann krieg mal den code selbst auch valid

vorallem das DTD MUSS rein allein das kann schon der grund für viele probleme sein

http://validator.w3.org/check?verbose=1&am...id4-szene.de%2F
Pc is my life, amd my world, intel my enemy and Linux my Hell
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0