nicht angemeldet
Firefox: Unterschiedliche Darstellung lokaler Server/Webserver
Hallo,
ich hab ein Problem mit einer meiner Seiten im zusammenhang mim Firefox (Opera, IE, Safari... alles ok). Aber erstmal der Hintergrund: Ich hab einen Webspace, aber alle Seiten teste ich erstmal lokal. Dafür habe ich XAMPP installiert. Die entsprechende Seite wird auch lokal genau richtig angezeigt, aber sobald sie auf dem Server ist, hat FF Darstellungsfehler. Da das ganze lokal problemlos geht, gehe ich mal davon aus das es nicht am Code liegt (den ich trotzdem schon komplett überarbeitet habe, erfolglos). Weiss jemand woran das liegen könnte? Bei einer Freundin wird die Seite übrigends richtig dargestellt, bei allen anderen jedoch nicht. Das einzige was bei ihr anderst ist, dass ihr System auf japanisch läuft. Könnte es vielleicht damit etwas zu tun haben?
Gruss, Mike
-
Lieber Mike,
bitte vergleiche den Code (HTML und CSS), der im Browser angekommen ist! Ist er in beiden Szenarien (XAMPP vs. online) absolut identisch? Wirklich identisch?
Im Übrigen: Verrate bitte niemals irgendwelche Details, die einer genaueren Diagnose Deines Problems dienlich sein könnten! Insbesondere hüte Dich vor Code-Ausschnitten und/oder Links zu Deiner Seite oder wenigestens einer Testseite! Wir lieben es nämlich in diesem Forum überhaupt nicht, vor konkrete Fehlerbeschreibungen gestellt zu werden, da wir dann nicht mehr im Dunkeln herumraten können...
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Code ist absolut identisch. Um genau zu sein handelt es sich um folgenden (Beispielhaft) Code, der via Php erstellt wird und in abhängigkeit der Anzahl der Einträge in der Datenbank mal öfters hintereinander kommt (ein <a...</a> Konstrukt pro Eintrag). Auf jeder Seite (ist nach Anfangsbuchstaben unterteilt) gibt es dann einen ein Eintrag, bei dem der Rahmen (und auch sämtliche anderen CSS Eigenschaften) des <a> nicht nur um dieses insgesamt geht, sondern auch um jedes einzelne Unterelement.
HTML:
<a href="show.php?id=1">
<img src="cover.jpg" alt="cover">
<h3>Titel</h3>
<p class="info">
<span>Blabla</span>
<span>Blabla</span>
<span>Blabla</span>
</p><p class="text">texttexttexttexttexttexttexttext</p>
</a>CSS:
a {
background: #202020;
border: solid 3px #919191;
color: #919191;
display: block;
height: 160px;
margin-bottom: 15px;
padding: 7px;
}
a:hover{
border: solid 3px #990000;
color: #990000;
}
img {
border: none;
float: left;
height: 160px;
margin-right: 10px;
width: 120px;
}
h3 {
font-weight: bold;
font-size: 11pt;
line-height: 11pt;
margin-bottom: 20px;
}
p {
color: #E0E0E0;
}
span {
margin-right: 15px;
}
p.info {
color: #919191;
font-weight: bold;
margin-bottom: 5px;
}
p.text {
text-align: justify;
}
Hier ist mal ne grafische Verdeutlichung:
http://www2.picfront.org/picture/hhSEbCtXhm/img/ff-bug.jpg
Die Zahlen 1-3 sollen anzeigen, welche Eintrag es jeweils ist.
Sind natürlich net immer 3 Einträge, bei 11 auf einer Seite, ist zb der 8te kaputt, aber sonst keiner.-
Lieber Mike,
HTML:
<a href="show.php?id=1">
<img src="cover.jpg" alt="cover">
<h3>Titel</h3>
<p class="info">
<span>Blabla</span>
<span>Blabla</span>
<span>Blabla</span>
</p><p class="text">texttexttexttexttexttexttexttext</p>
</a>dieser HTML-Code ist ganz großer Mist!!! Lass mal den Validator über diesen Code laufen und er wird schreien vor lauter Fehlern! Dass der FF hier nicht die gewünschte Darstellung zeigt, ist ihm nun wirklich kaum als Fehlverhalten anzulasten!
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Ich hatte gefürchtet das sowas kommt (was der Validator ausspuckt ist mri bekannt). Dann muss ich das wohl dohc anderst aufziehen, irgendwelche Vorschläge wie man die Hovereffekte hinbekommt (und das der ganze Block der Link ist), so das es valide ist?
Gruss, Mike
-
Ich hatte gefürchtet das sowas kommt (was der Validator ausspuckt ist mri bekannt). Dann muss ich das wohl dohc anderst aufziehen, irgendwelche Vorschläge wie man die Hovereffekte hinbekommt (und das der ganze Block der Link ist), so das es valide ist?
Wenn der ganze Block ein Link, über die vorgesehenen Pseudoklassen (s. SelfHTML). Wenns kein Link ist, funktionieren Pseudoklassen leider nicht im IE6, der IE7 kanns wohl. Wenns auch im IE funktionieren soll, bleibt wohl nur der Weg über JavaScript.
Gruß
Stareagle
-
hallo,
irgendwelche Vorschläge wie man die Hovereffekte hinbekommt
Wenn diese Effekte auch mit IE6 erzielt werden sollen, geht es _nur_ mit Javascript.
(und das der ganze Block der Link ist)
Nein. Genau _das_ ist ja das, was der Validator anmeckert. SELFHTML gibt dir genau an, welche Kindelemente möglich sind, und die, die du vorgesehen hast, gehören nun einmal nicht dazu.
Grüße aus Berlin
Christoph S.
-
Ihr sagt mir leider nix neues^^
IE6 User ham jetzt einfach Pech und müssen mim grauen statischen Rahmen leben. Hab jetzt keine Lust auf ne Javascript Lösung. -
Hi,
Ich hatte gefürchtet das sowas kommt (was der Validator ausspuckt ist mri bekannt).
Dann ist es schon reichlich unverforen, hier nach Hilfe zu einem Problem zu fragen, welches hoechstvermutlich in deinem hoechst fehlerhaften Code begruendet liegt ...
Dann muss ich das wohl dohc anderst aufziehen, irgendwelche Vorschläge wie man die Hovereffekte hinbekommt (und das der ganze Block der Link ist), so das es valide ist?
Wenn du den ganzen Textinhalt eines solchen Blocks in einen Link packen magst (fragt sich, wie sinnvoll das von der Struktur her noch ist), kannst du ja diesen entsprechend formatieren.
MfG ChrisB
-
-
-
-