Autor |
Nachricht |
wipeout
Threadersteller
Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 24.06.2008 15:11
Titel website safari darstellung online anders als offline |
|
|
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
|
|
|
|
|
wipeout
Threadersteller
Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 24.06.2008 18:50
Titel
|
|
|
niemand eine ahnung?
opera 9.21 hat das selbe problem...die neue version nicht
|
|
|
|
|
Anzeige
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 24.06.2008 18:58
Titel
|
|
|
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...
|
|
|
|
|
wipeout
Threadersteller
Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 24.06.2008 19:38
Titel
|
|
|
was ist denn an dem css so kuddelmuddel?
halt nur in einzelne bereiche aufgeteilt...ich finde das recht übersichtlich...
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 24.06.2008 19:45
Titel
|
|
|
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 Danke!
|
|
|
|
|
wipeout
Threadersteller
Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Di 24.06.2008 19:55
Titel
|
|
|
ok bittesehr
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
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?
Zuletzt bearbeitet von wipeout am Di 24.06.2008 19:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 24.06.2008 20:05
Titel
|
|
|
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
|
|
|
|
|
wipeout
Threadersteller
Dabei seit: 19.05.2005
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Mi 25.06.2008 09:10
Titel
|
|
|
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 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
|
|
|
|
|
|
|
|
Ä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
|
|