mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 13:43 Benutzername: Passwort: Auto-Login

Thema: website safari darstellung online anders als offline vom 24.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> website safari darstellung online anders als offline
Autor Nachricht
wipeout
Threadersteller

Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.06.2008 15:11
Titel

website safari darstellung online anders als offline

Antworten mit Zitat Zum Seitenanfang

ich habe hier ein ganz komisches/interessantes phänomen...

wenn ich mir die entsprechende website (http://www.ckmb.de/test/qhp/) lokal im safari anschaue sieht alles okay aus. sobald ich die seite aber online schicke und mir dann so im safari angucke verrutschen einige textblöcke (p-tags)
wtf? was ist da los? woran kann das denn liegen.

und noch eine sache....kann der camino zufällig keine hintergrundgrafiken, die mit css formatiert werden für sende-buttons (formular) darstellen?

danke für eure hilfe!

gruß


Zuletzt bearbeitet von wipeout am Di 24.06.2008 15:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
wipeout
Threadersteller

Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.06.2008 18:50
Titel

Antworten mit Zitat Zum Seitenanfang

niemand eine ahnung?

opera 9.21 hat das selbe problem...die neue version nicht
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.06.2008 18:58
Titel

Antworten mit Zitat Zum Seitenanfang

Ich seh es zwar, nur bei dem CSS Kuddelmuddel, woher sollen wir da ohne irgendwelchen Code was finden?
Ich habe ehrlich gesagt kaum Lust mir das selbst rauszusuchen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
wipeout
Threadersteller

Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.06.2008 19:38
Titel

Antworten mit Zitat Zum Seitenanfang

was ist denn an dem css so kuddelmuddel?
halt nur in einzelne bereiche aufgeteilt...ich finde das recht übersichtlich...
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.06.2008 19:45
Titel

Antworten mit Zitat Zum Seitenanfang

wipeout hat geschrieben:
was ist denn an dem css so kuddelmuddel?
halt nur in einzelne bereiche aufgeteilt...ich finde das recht übersichtlich...


Es wäre freundlich von dir, wenn du die wichtigen Stellen hier reinpostest Lächel Danke!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
wipeout
Threadersteller

Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.06.2008 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

ok bittesehr Lächel

ihr ist ein beispiel (zweite spalte im kontakt-bereich)

html
Code:

<div id="contact_col2">
    <h4>Kontakt</h4>
      <p class="contact_text">QHP LIFE SCIENCE<br />
        Im Kompetenzzentrum Bio Security<br />
        Siemensstraße 42, 59199 Bönen </p>
      <p class="contact_text"> Tel.: +49 (0) 23 83/919-320<br />
        Fax: +49 (0) 23 83/919-329<br />
        Mobil: +49 (0) 177/9377 386 </p>
      <p class="contact_text"><a class="contact_link" href="mailto:info@qhplifescience.de">info@qhplifescience.de</a><br />
        <a class="contact_link" href="http://www.qhplifescience.de">www.qhplifescience.de</a></p>
    </div>



das css dazu
Code:

div#contact_col2 {
   width: 200px;
   margin-left: 40px;
   padding-top: 20px;
   float: left;
}

h4 {
   margin-bottom: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   color: #FFFFFF;
}

p.contact_text {
   margin-bottom: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}


ich hoffe das beispiel reicht, da der fehler bei allen p-tags gleich auftaucht (kann man ja sehen) und ich mal annehme, dass es sich da jeweils um den selben fehler handelt. wenn gewünscht poste ich aber auch noch den anderen code Lächel


noch so eine frage nebenbei: ist es eigentlich sinnvoll wie ich den code geschrieben habe? also dass ich fast allen tags eine klasse oder eine id zugewiesen habe und die mit css formatiere...hier und da kann ich bestimmt noch was verbessern...aber so grundsätzlich? * Keine Ahnung... *


Zuletzt bearbeitet von wipeout am Di 24.06.2008 19:56, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.06.2008 20:05
Titel

Antworten mit Zitat Zum Seitenanfang

Also generell sehe ich hier jetzt nirgendwo ein Problem.
Bau mal einen CSS Resetter ein:

so einen z.B oder ähnlich: http://meyerweb.com/eric/tools/css/reset/

Sollte ganz am anfang beim CSS Einlesen des Browsers kommen. Also in der import.css oberhalb der imports definieren oder so...


Zuletzt bearbeitet von Smooth-Graphics am Di 24.06.2008 20:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
wipeout
Threadersteller

Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mi 25.06.2008 09:10
Titel

Antworten mit Zitat Zum Seitenanfang

naja vor dem @import darf das nicht stehen, da ansonsten die @import regeln nicht greifen. da ich aber auch schon mit dem univerasselektor margin und padding auf 0 setze bringt das ganze leider nichts...ich bin also noch nicht weiter gekommen....aber danke für den versuch. vielleicht hat jemand noch eine idee?

gruß

edit: ich habe das ganze gerade mal auf meinen lokalen mamp-server geladen...dort wird das ganze ebenfalls im safari korrekt angezeigt...(bis auf das suchformular, dass seinen button in die nächste zeile umbricht...)

edit2: ich habe es jetzt halbwegs gelöst...in der main.css, die mit der import.css auf die html-datei angewendet wird habe ich mittels universalselektor padding und margin auf 0 gesetzt. safari scheint das nicht richtig umzusetzen, denn sobald ich für die p-tags nochmal margin- und padding-weete notiere (zb margin: 0*zwinker* setzt er mir die p-tags so wie es sein soll...

komische sache...ist das eine fehlerhafte css-verarbeitung im safari?


Zuletzt bearbeitet von wipeout am Mi 25.06.2008 10:23, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen dynamische Textfelder online anders als offline...
Darstellung unterschiedlich offline vs. online div. Browser
Website online mit Safari testen
Schrift im IE anders als Firefox und Safari?
darstellung auf SAFARI ...
[Safari] Probleme bei Darstellung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.