Sidebar weg
wie ich gerade höre, erscheint bei einigen die Sidebar rechts vom Content nicht. Sollten sogar zwei Sidebars sein, also Navigationsleisten. So wie es aussieht, sehen das die nicht, die IE6 nutzen. Kann das jemand bestätigen? Ist auch scheinbar nicht so, dass die Sidebar unterhalb des Contents am Fußende wegen Platzmangel “gerutscht” sind. Im Quelltext sollen die Sidebars aber sichtbar sein. Woran liegts? Haben sich sich die Sidebars etwa unter den Content geschoben? Kann das sein? Bekäme ich doch über den Z-Index sichtbar, wenn dem so wäre.
Das ist der Link zur CSS, falls einer schlau wird draus. VaD die Klassen/IDs #page, #content-wrap, .side, .side1 und .side2
Update:
des Rätsels Lösung ist das Box-Model vom IE6
- die Suchbox war um 2 Pixel breiter als der erlaubte Wert von 440 Pixeln (Breite der Sidebar). Das sind exakt die zwei Pixel, die der Border-Breite der Suchbox entsprachen:) Effekt: beide Sidebars wurden außerhalb des Screens geschoben.
- ähnliches Problem mit dem Kontaktformular in der Sidebar 1: auch die war um einige Pixel zu breit, so dass die zweite Sidebar unter die erste Sidebar gerutscht ist
jetzt sind beide Sidebars schön brav nebeneinander und links vom Content.
Dank an Lothar von BlogPimp.de, Phil, hkr, Manuel, Lutz, StoiBär, paddya, Marnem, Matthias
Btw, Lothar bietet ein witziges WordPress-Template an,
Blogpimp Dashboard:
|
|
Tweet |
|
3. Artikelstatistik:
· read: 6811 · today: 4 · last: 12. February 2012
Im IE6 ist sie definitiv nicht da. Ich schau mal drüber, woran es liegen kann.
also hier erscheinen die beiden sidebars verzögert (FF2.0.0.5), quasi erst deutlich später als der content – Sichtbar sind sie aber …
IE6 6.0.2900.2180 unter XP erscheinen sie tatsächlich nicht, gerade ausprobiert.
El Burro,
die Verzoegerung liegt vermutlich daran dass sie im Quelltext ganz unten sind. Da muss der Browser erst durch die lange Hauptspalte durch bevor er ueberhaupt merkt dass da noch eine Sidebar ist.
das ist mir auch schon heute mehrfach unangenehm aufgefallen, habs auf die Serverperformance heute geschoben. Hm.. worauf lässt das schließen?
Rob, haben den Fehler. Kriegst in 2 Minuten die Erklärung.
//EDIT ich rede vom Sidebar IE6 Fehler
aha, schau an, CSS oder was anderes?
Typischer IE Fehler… ;) Gedulde Dich 3 Minuten :)
ok, auch 5, ich geh mir jetzt nen ekligen Latte machen aus der Dose:)
Kaffee… Das einzig wahre ist RedBull oder TrueFruits :)
brbrbrbrrb… das ist äklick
Aaalso:
Der IE hat ein Problem mit großgeschriebenen Attributen…schreibt man alles klein, FONT-FAMILY zu font-family usw… und HTML Attribute auch klein, also nicht < "STRONG"> sondern < "strong"> (wie es eigentlich standardmäßig is), funktioniert alles perfekt.
Hab Dir einen “Dump” der Files geschickt, schau einfach, was wir geändert haben bzw. ersetz es. Dann klappt alles und Deine Sidebar ist wieder da :)
//EDIT Die “” Zeichen natürlich nicht mit rein ;)
Rob, es gibt übrigens mehrere Tools im Netz, mit denen man sich Screenprints verschiedener Browser erstellen lassen kann (Safari, Moz, IE in verschiedenen Versionen etc.). Habe leider keinen Link zur Hand, könnte aber vielleicht ein ganz hilfreiches Tool bei Deinem Unterfangen hier sein.
Schönes, sauberes Layout, läßt auf mehr hoffen. Aufgefallen: das Suchfeld sieht beim “Drüberhuschen” aus wie ein graphischer Raumteiler, vielleicht Überschrift über der Box sinnvoll (Innentext in der Box zu schwach, aber ein sehr subjektiver Eindruck).
Rob, gibts Probleme mit der Umstellung bei Sidebar? Wenn ja, schreib kurz ne Mail.
die Files, die Du mir zugeschickt hast, enthalten aber lauter großgeschrieben Attribute. Ich dachte, die sollen klein sein?
Ja, auch bei mir ist beim IE 6 nix von Sidebars zu sehen…
Jepp, hab auch IE6 und sehe keine Sidebar
Hi Robert
http://browsershots.org/ Damit kannst du andere Browser und sogar Plattformen testen.
Lutz
dankesehr.
Sind die Sidebars immer noch wech? Habe jetzt auf die Seitenleiste nen Z-Index drübergelegt.
z-index wird bei nicht positionierten elementen nichts bringen…
rofl.. ich hasse CSS:)))
Dein Suchfeld ist wie folgt deklariert:
width: 400px;
padding: 5px 5px 5px 25px;
margin: 0 0 0 10px;
border: 1px solid #cccccc;
daraus ergibt sich eine Breite von 442 Pixel (400+5+25+10+2x1Pixel Border.
die gesamte Sidebar ist aber nur 440px breit. Standard-kompatible Browser stört das nicht, der Internet-Exploder macht aber einfach die Sidebar so breit, dass das Suchfeld hinein passt. Dadurch passt die Sidebar nicht mehr rechts vom Content und ruscht ganz nach unten. Und da sie mit: margin-left: -440px deklariert ist, steht sie nun links ausserhalb des sichtbaren Bereichs.
Bei weiteren Problemen ruf doch einfach mal an.
hm.. ok, ich schneid mal 25px ab, dann mal sehen. Hast Du nen IE6?
Biddewas? Ich bekomm bei den Angaben eine Breite von 422 Pixeln heraus.
Klar. Mache das ja professionell, daher hab ich alle (mehr oder weniger) wichtigen Browser installiert.
so, testhalber auf 350 width runter…
@ Jeriko:
Der IE hat bis einschließlich Version 6.0 ein sehr spannendes Boxmodell und rechnet anders, als alle anderen Browser, und anders, als es der Standard vorgibt. Aber rechne doch mal nach:
400 Pixel Breite plus 5 Pixel rechtes Padding plus 25 Pixel linkes Padding plus 10 Pixel linkes Margin plus zwei mal Border je 1 Pixel = 442 Pixel, oder?
müsste also laut Adam Riese nun unter IE6 sichtbar sein, da die Box nun knapp unter 400px inkl. padding/margin einnimmt?
*boink*
Hab top/bottom mit left/right verwechselt :-)
Jetzt steht die Sidebar im IE6 wieder rechts, aber die beiden Inhalte Side1 und Side2 stehen untereinander, da ist noch was zu breit. Ich schau mal, was ich finde.
k, ein Prob weniger, was n Schrott, manno manno mann
hab die Suchbox nun auf 422px width =
width: 350px;
padding: 5px 5px 5px 25px;
margin: 0 0 0 40px;
Etwas Offtopic
Wenn alle Tipps geben, will ich auch mal:
- bitte den Inhalt der “Spam protection” Zeile ein paar Zeichen kürzen, damit es nicht zum Zeilenumbruch kommt
- Der Hinweis, dass das Ergebnis von “fuenf u sechs” nicht “elf” sondern 11 ist. Damit hatten zumindest meine Leser manchmal Probleme…
Ich weis nicht, was Du jetzt noch gemacht hast, aber jetzt sind die Sidebars im IE richtig.
@Marnem, danke, schau ich gleich nach
@Lothar, hatte die CSS des Plugins CForms nachgearbeitet (Kontaktformular in Sidebar 1) und die width um 10 Px von 210 auf 200 px verstellt, da die Margins in einigen weitern Klassen wie .side1 ul etc locker 20 px einnehmen
Im Opera 9.22(für OsX) gibts noch ein kleines Problem:
2te Sidebar unter Jüngste Kommentare bei “Kontakt” ist das Feld Text in die erste Sidebar gerutscht.
Ah, dann kann ich also morgen wieder alles sehen ;-)
(Bin inzwischen wieder zuhause wo ich einen richtigen Browser habe. Aber wie gesagt, manchmal hat meine keine Wahl welchen Browser man benutzt)
http://browsershots.org/
ist bekannt?
Dürfte manches vereinfachen.
GS
jep, danke. Ist bereits zweimal abgelaufen ohne Screens.
Man kann für solche Fälle auch multiple IE nutzen. Bei mir läufts nur leider unter Vista nicht, aber mit XP ist das Klasse zum Testen.
Aber die Community funktioniert hier eh super ;-)
netter Tipp, gleich mal lunzen. Genau das, was ich gesucht habe. Haste das im EInsatz ohne Probleme mit dem IE7?
yupp, auf XP SP2 war das kein Problem. Bei Vista streikt das Teil leider.
prima habe ich, strike:)
[...] bin ich durch einen Hinweis von Robert, auf eine Reihe von sehr gut designten WordPress-Themes gestossen. Gefunden habe ich diese auf den [...]
[...] kann ganz offen, offen oder verdeckt (”kennt jemand zufällig“) gespielt werden ;) Coding Horror, none of [...]
Arbeitest du noch mit Vista? Wenn ja, wie testest du deine Webseites nun unter verschiedenen Browern?
Dass Multiple IE unter Vista nicht läuft, pestet mich – gelinde gesagt – etwas an. Bei Dirk Jesse habe ich hier über die virtuelle Maschine gelesen: http://blog.highresolution.inf.....ter_vista/
Wäre eine Lösung, mit der ich leben kann – allerdings hat das VPC-Image ein Verfallsdatum, man muss also alle Nase lang ein neues herunterladen. Das macht mit einem langsamen DSL nicht wirklich Spaß :-(
never change a running system, ich nutze kein Vista