Nach Update werden einige Seiten falsch dargestellt

sbfy · 21. Mai 2012

Hallo,

nach dem letzten Update von Websitex5 werden alle Seiten, in denen ich ein Kommentarfeld eingefügt habe, falsch dargestellt. Genau gesagt wird dort, wo das Kommentarfeld ist, der weiße Hintergrund nicht mehr dargestellt, so z.B. hier (man muss ganz runter scrollen): 2011 Dahme - BeachKick Berlin .

Der Quelltext des Kommentarfeldes ist in einem eigenen HTML-Widget und sieht so aus:

Code

<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'beachkickberlin'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>

Alles anzeigen

Ich hab dann versucht über Zellenstil die Hintergrundfarbe weiß auszuwählen, das Ergebnis sieht dann so aus: 2011 Berlin-Tempelhof - BeachKick Berlin

Ist also auch nicht befriedigend. Hat jemand vielleicht eine Idee wie ich den weißen Hintergrund wieder hinbekommen kann?

zwoemti · 21. Mai 2012

füge mal nach dem HTML Objekt ein textobjekt ein und guckst dir mal an... ist nur ein Test hab eine Vermutung

sbfy · 21. Mai 2012

Habs gemacht, hat sich aber nichts verändert.

sbfy · 21. Mai 2012

Mir ist gerade aufgefallen, dass ich auch auf vielen anderen Seiten dieses Problem hab. So ist zwischen der Hauptseite und dem Footer immer ein schmaler Streifen, z.B. hier: Trainingseinheiten - BeachKick Berlin

Thabo-Umasai · 21. Mai 2012

Kann es vielleicht sein das Dein Footer zu klein eingestellt ist?, schaue doch mal nach, dies sieht mir ganz so danach aus, meiner Meinung nach liegt es in der Größeneinstellung. Entweder Footer oder eine andere Seiteneinstellung die da nicht übereinstimmt. sonst wüsste ich momentan nichts.

zwoemti · 21. Mai 2012

Testen kann man das wenn man die Seite einfach länger macht am besten ohne das Kommentar Feld mal... HTML Objekt reingezogen und eine hohe höhe genommen als Zahl.

sbfy · 23. Mai 2012

So, den Streifen über dem Footer hab ich wegbekommen. Das hing irgendwie mit den Social Media Buttons zusammen, die ich auf der rechten Seite hatte. Nachdem ich die entfernt hab, ist auch die Lücke zwischen Hauptseite und Footer verschwunden. Allerdings hab ich immer noch das Problem, dass auf den Seiten mit dem Kommentarformular links und rechts der Hintergrund nicht dargestellt wird, z.B. hier: 2011 Damp II - BeachKick Berlin. Das Eigenartige dabei ist, dass der Bereich links vom Kommentarfeld eigentlich in einer anderen Zelle ist als das Kommentarfeld, und trotzdem wird dort der Hintergrund nicht angezeigt.

zwoemti · 23. Mai 2012

ähhmm wenn ich richtig gezählt habe ist dort ein

</div> zuviel drin!

Hast du das probiert was ich dir gesagt habe? Mal das Kommentar Feld rausnehmen und/oder die Seite länger machen?

Die anderen Hinweise hast du auch noch nicht umgesetzt!

Du hast im Footer ein HTML Objekt eingesetzt mit 2 mal den "gleichen" CSS Formatierung!
Das kommt BEIDES!!!! weg da!

HTML

<style type="text/css">
<!--
.Stil1 {color: #0055a4}
.Stil3 {font-family: Arial}
a:link {
color: #0055A4;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0055A4;
}
a:hover {
text-decoration: underline;
color: #0055A4;
}
a:active {
text-decoration: none;
color: #0055A4;
}
.Stil5 {font-family: Arial, Helvetica, sans-serif}
-->
</style>

Alles anzeigen

HTML

<style type="text/css">
<!--
a:link {
color: #0055A4;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0055A4;
}
a:hover {
text-decoration: underline;
color: #0055A4;
}
a:active {
text-decoration: none;
color: #0055A4;
}
.Stil6 {font-family: Arial; font-size: 9px; }
-->
</style>

Alles anzeigen

und dafür schreibst du das in den HEAD DER SEITE unter Schritt 1!

HTML

<style type="text/css">
<!--
.Stil1 {color: #0055a4}
.Stil3 {font-family: Arial}
.Stil5 {font-family: Arial, Helvetica, sans-serif}
.Stil6 {font-family: Arial; font-size: 9px; }
-->
</style>

Die Link machst du eigentlich unter Schritt 4 bei der Gestaltung der Links!
Deswegen wird das nicht benötigt

CSS

a:link {
color: #0055A4;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0055A4;
}
a:hover {
text-decoration: underline;
color: #0055A4;
}
a:active {
text-decoration: none;
color: #0055A4;
}

Alles anzeigen

UND

dann nochmal hier lesen!!!!

884-google-analytics-fÃ¼r-die-eigene-homepage-verwenden

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Nach Update werden einige Seiten falsch dargestellt

Teilen

Tags