Anzeigefehler im Opera

AngiWaters

Huhu!

Ein Leser hat mich drauf aufmerksam gemacht, dass meine Seite im Opera Browser (neueste Version) Anzeigefehler aufweist. Im IE und im FF treten diese Fehler nicht auf.

1.: Die Smilies die das Plugin Custom Smilies ausgibt, weden alle in einer Reihe angezeigt statt in drei Reihen. Dadurch ragen sie über den Kommentarbereich und über den ganzen Blog hinaus. Bild

2.: Das Suchfeld und der Counter werden falsch angezeigt: Statt wie alle anderen Sidebarelemente in einer Box, stehen sie in einzelnen Zeilen. Bild

Irgendwer ne Idee? Falls ihr irgendwelche Dateien aus dem Theme zum überprüfen braucht sagt Bescheid welche, dann poste ich diese.

LG, Angi :)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Zitat von AngiWaters

Ein Leser hat mich drauf aufmerksam gemacht, dass meine Seite im Opera Browser (neueste Version) Anzeigefehler aufweist.

Welche genau? 9.26 oder 9.50b? Die 9.5 Beta ist noch etwas buggy, darauf sollte man noch nicht optimieren. ;-)

Zitat

Falls ihr irgendwelche Dateien aus dem Theme zum überprüfen braucht sagt Bescheid welche, dann poste ich diese.

comments.php und sidebar.php - und die dazugehörigen Angaben aus der CSS-Datei.

AngiWaters

Es ist die Version 9.26. :)

Hier die sidebar und comments:
Sidebar
Comments

CSS:

Code

.sidebar ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}


.sidebar ul a{
}


.sidebar ul li{
 border: 1px solid #ccc;
 margin: 0 0 10px 0;
 background-color: #eeeeee;
}


.sidebar ul li#search{
 padding: 10px;
 background: #eee;
}


.sidebar ul li#search input{
 margin: 0 0 5px;
}


.sidebar ul li h2{
 padding: 7px 7px 3px 7px;
 font-size: 14px;
 font-weight: bold;
 color: #7c7d82;
}


.sidebar ul ul{
 padding: 5px 10px 10px;
}


.sidebar ul ul li{
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 18px;
}


.sidebar ul ul ul{
 padding: 0;
}


.sidebar ul ul ul li{
 padding: 0 0 0 10px;
}


div.sidebar ul li ul li.counter{
 clear:both;
}


div.sidebar ul li ul li.counter span.hits{
 float:left;
}


div.sidebar ul li ul li.counter span.count{
 float:right;
}


div.sidebar ul li ul li.counter:last-child{
 margin-bottom:20px;
}

Alles anzeigen

Code

/* ------------------------------------- Kommentare ----------------------------------- */
h3#comments {
 margin-bottom: 3px;
}


h3#respond {
 margin-top: 3px;
}


.comments-template{
 padding: 10px;
}


#commentform {
 background: #e6e6e6; 
 padding: 5px;
 margin-top: 5px;
 margin-bottom: 0px;
 border: 1px solid #cccccc;
}


ol.commentlist{
 list-style-type: none;
 margin: 0;
 padding: 0;
}


ol.commentlist li{
 margin: 0 0 0 0;
 padding: 5px 5px 15px 5px;
 border-bottom: 1px solid #ccc;
}


.commenttext {
 padding: 0 0 0 53px;
}


.mycomment {
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 background-color: #e4e4e4;
}

Alles anzeigen

marX

Die Smileys werden im Opera hintereinander angezeigt, weil sie durch "non-breakable spaces"   getrennt werden. Also eigentlich ein Fehler in den anderen Browsern, wenn sie dennoch umgebrochen werden. ;-) Kannst du sicher irgendwo im Plugin-Code ändern.

Das Suchfeld und der chCounter sehen hier (Opera 9.50b, Win) gut aus, der HTML-Code passt auch.

Ein Fehler ist mir noch aufgefallen, bei den letzten Suchbegriffen. Da ist ein <li> zuviel, vielleicht ist das Plugin nicht ganz korrekt eingebunden. ;-)

AngiWaters

Oha, danke für den Hinweis. :) Anscheinend war das li auch dafür verantwortlich, dass die beiden Boxen in Zeilen erschienen. Ganz korrekt wird es immer noch nicht dargestellt (die unterste Zeile vom Counter, Hits Total, ist nicht komplett in der Box -> die untere Borderlinie der Box geht durch die Zeile hindurch), aber dafür kanns einfahc keinen Grund geben... da stimmt alles. Und son kleiner Fehler ist nicht so schlimm denk ich. Könnte vll auch an dem last-child liegen, vll erkennt der Opera das nicht *nachdenk*

Dass &nbsp non-brekable sind wusste ich gar nicht... mach ich da dann einfach stattdessen ein normales Leerzeichen hin?

marX

Zitat von AngiWaters

Oha, danke für den Hinweis. :) Anscheinend war das li auch dafür verantwortlich, dass die beiden Boxen in Zeilen erschienen.

Ja das wäre möglich. Nur ein Grund mehr, immer korrekten HTML-Code zu verwenden. ;-)

Zitat

Ganz korrekt wird es immer noch nicht dargestellt (die unterste Zeile vom Counter, Hits Total, ist nicht komplett in der Box -> die untere Borderlinie der Box geht durch die Zeile hindurch), aber dafür kanns einfahc keinen Grund geben... da stimmt alles. Und son kleiner Fehler ist nicht so schlimm denk ich. Könnte vll auch an dem last-child liegen, vll erkennt der Opera das nicht *nachdenk*

Das könnte sein. Im 9.50b siehts wie gesagt gut aus.
(Laut der Liste hier sollte er es aber unterstützen: Web Specifications Supported in Opera 9)

Zitat

Dass &nbsp non-brekable sind wusste ich gar nicht... mach ich da dann einfach stattdessen ein normales Leerzeichen hin?

Genau. (Falls es dich interessiert: GeschÃ¼tztes Leerzeichen - Wikipedia)

AngiWaters

Juchhu :) Nun passen die Smilies. Vielen Dank! :)

Zitat

Nur ein Grund mehr, immer korrekten HTML-Code zu verwenden. :wink:

Da hast du wohl Recht. Hab wohl mal wieder mit meinen li's übertrieben :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anzeigefehler im Opera

Jetzt mitmachen!