WinFuture-Forum.de: Homepage: Bild "verutscht" - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Homepage: Bild "verutscht"


#1 Mitglied ist offline   shadar.logoth 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.193
  • Beigetreten: 20. Oktober 04
  • Reputation: 0
  • Wohnort:Kiel

geschrieben 12. Mai 2005 - 13:19

Wir basteln mit der AG ne Schulhomepage.
Leider klappt das irgendwie so nicht.

Bei mir im Opera sieht alles gut aus.
Im Firefox ist das Bild oben nach rechts verschoben.
Woran liegt das?
Hilfe!

Angehängte Datei(en)


Dieser Beitrag wurde von shadar.logoth bearbeitet: 12. Mai 2005 - 13:20

0

Anzeige



#2 Mitglied ist offline   lysar 

  • Gruppe: aktive Mitglieder
  • Beiträge: 177
  • Beigetreten: 21. März 05
  • Reputation: 0

geschrieben 12. Mai 2005 - 13:32

kannste das Teil nicht als zip bereitstellen?
Hier auf der Arbeit habe ich kein Entpacker für rar ...
Ansonsten musst Du bis heute abend warten ... :rofl:
0

#3 Mitglied ist offline   shadar.logoth 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.193
  • Beigetreten: 20. Oktober 04
  • Reputation: 0
  • Wohnort:Kiel

geschrieben 12. Mai 2005 - 14:43

Hier als ZIP

Angehängte Datei(en)

  • Angehängte Datei  hp.zip (90,58K)
    Anzahl der Downloads: 53

0

#4 Mitglied ist offline   lysar 

  • Gruppe: aktive Mitglieder
  • Beiträge: 177
  • Beigetreten: 21. März 05
  • Reputation: 0

geschrieben 13. Mai 2005 - 08:26

wenn Du das Bild 'schule_header_trans.jpg' meinst, ist es klar, dass das oben rechts ist.
Steht ja auch im style.css so drin ('background: transparent url(schule_header_trans.jpg) no-repeat;
background-position: right -160px;').
Opera scheint das derart zu 'interpretieren', dass es wie gewünscht aussieht, der IE macht so Sachen übrigens auch.
FF zeigt Dir das Ganze so wie ihr es programmiert habt, und da steht halt drin 'setze das Bild rechts'.
0

#5 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 13. Mai 2005 - 11:00

Zitat

background-position: right -160px;').
Opera scheint das derart zu 'interpretieren', dass es wie gewünscht aussieht, der IE macht so Sachen übrigens auch.


Ich behaupte einfach mal das Opera da etwas richtig macht was andere Browser falsch machen (bzw. nicht tolerieren). Die Angabe "right -160px" ist nämlich nicht korrekt, da Schlüsselwörter nicht mit anderen Angaben kombiniert werden dürfen.
0

#6 Mitglied ist offline   lysar 

  • Gruppe: aktive Mitglieder
  • Beiträge: 177
  • Beigetreten: 21. März 05
  • Reputation: 0

geschrieben 13. Mai 2005 - 12:20

@Floele: wenn "right -160px" nicht korrekt ist, wäre doch die Anzeige im FF richtig und die von Opera falsch, oder nicht? Wie auch immer, der Fehler sitzt an dieser Stelle.

Dieser Beitrag wurde von lysar bearbeitet: 13. Mai 2005 - 12:21

0

#7 Mitglied ist offline   krid2873 

  • Gruppe: aktive Mitglieder
  • Beiträge: 61
  • Beigetreten: 13. Mai 05
  • Reputation: 0

geschrieben 13. Mai 2005 - 12:26

Mahlzeit!

Ich hätte da einen Lösungsvorschlag.

Ändere doch mal in deiner CSS - Datei unter #content folgende Zeile:

Alt:
padding: 6px 12px;


in

Neu:
padding: 6px 0;


Das Bild wird dann nicht mehr verschoben.
Ich hoffe damit wäre dein Problem gelöst .
mfg
krid2873
0

#8 Mitglied ist offline   shadar.logoth 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.193
  • Beigetreten: 20. Oktober 04
  • Reputation: 0
  • Wohnort:Kiel

geschrieben 13. Mai 2005 - 13:27

Super, das sieht gut aus!
Danke euch!
0

#9 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 919
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 13. Mai 2005 - 14:43

Zitat

@Floele: wenn "right -160px" nicht korrekt ist, wäre doch die Anzeige im FF richtig und die von Opera falsch, oder nicht? Wie auch immer, der Fehler sitzt an dieser Stelle.


Hm, ich sehe grade dass sich da in der Spezifikation etwas geändert hat...es heißt jetzt so:

Zitat

If two values are given, the horizontal position comes first. Combinations of keyword, length and percentage values are allowed, (e.g., '50% 2cm' or 'center 2cm' or 'center 10%'). For combinations of keyword and non-keyword values, 'left' and 'right' may only be used as the first value, and 'top' and 'bottom' may only be used as the second value. Negative positions are allowed.


Also isses doch richtig neuerdings :)
0

#10 Mitglied ist offline   krid2873 

  • Gruppe: aktive Mitglieder
  • Beiträge: 61
  • Beigetreten: 13. Mai 05
  • Reputation: 0

geschrieben 13. Mai 2005 - 14:58

Nachtrag!

1.
Geh nochmal in deine CSS - Datei und ändere bei * html #content folgendes:

Alt
left: 180px;
width: 420px;


in

Neu
left: 165px;
width: 435px;


Die Lücke zwischen dem Menü und deinem Content sollte damit geschlossen sein.


2.
In deiner Index.html fehlt beim <div id="page"> der Endtag (</div). -Nur so am Rand.
mfg
krid2873
0

Thema verteilen:


Seite 1 von 1

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