| Autor |
Nachricht |
girlfrommars13
Threadersteller
Dabei seit: 23.02.2011
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Mo 02.02.2015 17:02
Titel Darstellung unterschiedlich offline vs. online div. Browser |
  |
|
Hallo!
Zuerst einmal: Da ich mir in einem anderen Forum bereits sehr herablassende Antworten geben musste, möchte ich die, die kein Verständnis für Anfänger haben, bitten, lieber nicht zu antworten.
Für alle anderen: ich wäre für Eure Hilfe sehr dankbar!
Hab mir vor 3 Jahren HTML und CSS ohne vorherige Kenntnisse selbst beigebracht und eine eigene Homepage gebaut. Das funktionierte auch soweit gut, wenn auch von der Programmierung her nicht profimäßig, zumindest sah es, nachdem ich es auf den Server geladen hatte, online immer so aus wie offline.
Nun wollte ich die Homepage aktualisieren, einige Dinge ändern etc.
Ich habe folgendes Problem: Offline sehen die Seiten anders aus als online und dann in jedem Browser auch nochmal unterschiedlich. Die Seite Project Weddingdress sieht bei mir offline so aus (wie sie aussehen soll):
In Safari dann so:
Und in Firefox so:
Warum?
Bei der Menüleiste habe ich zB folgendes geschrieben im Head:
| Code: | | div.c4 {position:fixed;bottom:3%;right:4%;margin-right:0px;margin-bottom:0px} |
und im Body:
| Code: | <div class="c4">
<a href="http://www.riekmund.com/about.html" class="class1"><img src="about.gif" border="0" width="7%" onmouseover="this.src='about.gif';" onmouseout="this.src='about.gif'; opacity:0.3" alt="about"></a>
<img src="blind.gif" border="0" width="1%" alt="">
<img src="collections_shop.png" border="0" width="20%" onmouseover="this.src='collections_shop.png';" onmouseout="this.src='collections_shop.png'; opacity:0.3" alt="collections and shop">
<img src="blind.gif" border="0" width="1%" alt="">
<a href="http://www.riekmund.com/CV.html" class="class1"><img src="CV.gif" border="0" width="4%" onmouseover="this.src='CV.gif';" onmouseout="this.src='CV.gif'; opacity:0.3" alt="CV"></a>
<img src="blind.gif" border="0" width="1%" alt="">
<a href="http://www.riekmund.com/artandpoetry.html" class="class1"><img src="art_poetry.gif" border="0" width="13%" onmouseover="this.src='art_poetry.gif';" onmouseout="this.src='art_poetry.gif'; opacity:0.3" alt="art and poetry"></a>
<img src="blind.gif" border="0" width="1%" alt="">
<a href="http://www.riekmund.com/imprint.html" class="class1"><img src="imprint.gif" border="0" width="9%" onmouseover="this.src='imprint.gif';" onmouseout="this.src='imprint.gif'; opacity:0.3" alt="imprint"></a>
</div> |
Hoffe das genügt erstmal als Info!
Vielen Dank für Eure Antworten!
Liebe Grüße,
Rike
|
|
| |
  |
 |
Kartöffelchen
Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: 
|
Verfasst Mo 02.02.2015 20:29
Titel
|
|
|
Wenn man Deine Seite durch den Validator jagt, scheint einiges im Argen zu liegen:
6 Errors, 2 warning(s)
Ich würde das HTML neu schreiben... und anders.
|
|
| |
|
|
|
Anzeige
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Mo 02.02.2015 20:42
Titel
|
|
|
| Kartöffelchen hat geschrieben: | Wenn man Deine Seite durch den Validator jagt, scheint einiges im Argen zu liegen:
6 Errors, 2 warning(s)
Ich würde das HTML neu schreiben... und anders. |
naja. "Einiges im Argen" ist vielleicht etwas übertrieben. Und warum genau würdest du es neu schreiben?
|
|
| |
 |
|
Kartöffelchen
Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht:
|
Verfasst Mo 02.02.2015 20:57
Titel
|
|
|
|
Naja, von teletype text habe ich bisweilen noch gar nichts gehört. Das CSS würde ich auslagern. #divid klingt auch komisch. Generell finde ich den Quelltext nicht ansehnlich bzw. zeitgemäß. Auf Prozentangaben sollte man auch, wenn es geht, verzichten. Hat man mir zumindest in den letzten Monaten beigebracht.
|
|
| |
|
|
girlfrommars13
Threadersteller
Dabei seit: 23.02.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 03.02.2015 12:46
Titel
|
|
|
Dass alles nicht so ganz zeitgemäß ist, mag sein, ich hab mich vor 3-4 Jahren damit beschäftigt und es nun nur überarbeitet. Wo du das mit teletype her hast, finde ich nicht. Das mit den Prozentangaben hab ich irgendwo auch schonmal gehört, allerdings hat sich alles total chaotisch verschoben je nach Browserfenstergröße, deshalb klappt es mit den Prozentangaben besser. Für mich war das eher so "warum nicht machen, wenn es klappt?".
Wenn jmd mir allerdings eine total komplizierte oder falsche Art zeigen würde, Klavier zu spielen (ich selbst spiele schon fast mein Leben lang und weiss, wie es geht) und mir sagen würde "wieso? geht doch so, auch wenns nicht richtig ist!?" würde ich natürlich auch denken "oh oh..".
Wichtig ist für mich in erster Linie allerdings, wie es für den Besucher der Website aussieht, nicht ob im Code eine Klammer zu viel oder zu wenig habe.
|
|
| |
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Di 03.02.2015 14:19
Titel
|
|
|
| girlfrommars13 hat geschrieben: | ...
Wichtig ist für mich in erster Linie allerdings, wie es für den Besucher der Website aussieht, nicht ob im Code eine Klammer zu viel oder zu wenig habe. |
Aber genau das ist oft der Grund warum es zu unterschiedlichen Darstellungen in verschiedenen Browsern kommt. Jeder Browser kann anders auf unsinnige Angaben reagieren und entweder versuchen den Fehler "kreativ" auszugleichen oder auch Teilbereiche einfach zu ignorieren.
Daher der Hinweis erst einmal die Fehler zu beheben und sich dann um die "normalen" Abweichungen der verschiedenen Browser anzuschauen.
Wenn bei deinem Klavier eine Taste kaputt ist, wirst du den Klavierstimmer ja auch nicht darum bitten die Klaviertaste weiter außen (die du für deine Lieblingsstücke sowieso nicht brauchst) so weit umzustimmen, damit du diese dann ersatzweise nutzen kannst. 
|
|
| |
|
|
girlfrommars13
Threadersteller
Dabei seit: 23.02.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 03.02.2015 15:33
Titel
|
|
|
ja, da hast du recht
ich habe die seite jetzt mal überarbeitet, etwas sortiert und die style-informationen auch nur ins css gepackt.
jetzt funktioniert der spaß in safari einwandfrei. in firefox macht es allerdings immer noch probleme 
Vielleicht kann sich das ja nochmal einer angucken
OHJE und von internet explorer ganz zu schweigen... 
Der Validator sagt jetzt, dass alles ok ist.
Zuletzt bearbeitet von girlfrommars13 am Di 03.02.2015 15:42, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Kartöffelchen
Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht:
|
Verfasst Di 03.02.2015 16:45
Titel
|
|
|
Dieses <tt> ist teletype text. Unterschiedliche Browserfenstergrößen?
Vielleicht wäre Bootstrap etwas für Dich?
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
website safari darstellung online anders als offline
Firefox & Explorer Darstellung unterschiedlich?
Dreamweaver CS4, unterschiedliche Browser Darstellung
Darstellung im Firefox Browser ist sehr unvorteilhaft...
dynamische Textfelder online anders als offline...
SimpleViewer funktioniert offline aber nicht online!
|
|
Willkommen auf dem Portal für Mediengestalter
