Problem IE/Firefox
Hallo ihr lieben Helferlein!
Ich habe mal wieder ein Problem mit der Darstellung meines Blogs. Ich selber nutze Firefox, und (wie erwartet) sieht da immer alles so aus, wie es soll.
Wenn ich jetzt aber mal probeweise den IE benutze, ist es häufig so, dass meine Sidebar nicht neben den Beiträgen, sondern erst ganz unten angezeigt wird. Hängt immer vom Beitrag ab - ist aber sehr willkürlich. Dachte erst, es passiert, wenn Bilder mal zu breit sind - bei manchen Beiträgen hakt es aber schon wenn der Beitrag kursiv statt normal verfasst wurde.
Es nervt mich zu Tode - hat irgendeiner einen Tipp für mich? Würde es irgendeinen Sinn machen, die Sidebar schmaler zu machen? Und wenn ja, wie mach ich das?
Bin dankbar für jede Hilfe, die ich bekommen kann!
Ich habe mal wieder ein Problem mit der Darstellung meines Blogs. Ich selber nutze Firefox, und (wie erwartet) sieht da immer alles so aus, wie es soll.
Wenn ich jetzt aber mal probeweise den IE benutze, ist es häufig so, dass meine Sidebar nicht neben den Beiträgen, sondern erst ganz unten angezeigt wird. Hängt immer vom Beitrag ab - ist aber sehr willkürlich. Dachte erst, es passiert, wenn Bilder mal zu breit sind - bei manchen Beiträgen hakt es aber schon wenn der Beitrag kursiv statt normal verfasst wurde.
Es nervt mich zu Tode - hat irgendeiner einen Tipp für mich? Würde es irgendeinen Sinn machen, die Sidebar schmaler zu machen? Und wenn ja, wie mach ich das?
Bin dankbar für jede Hilfe, die ich bekommen kann!
strandkiesel
vor 7069 Tagen
skydance
vor 7068 Tagen
Ja, IE6 kann schon Mal ungut werden, wenn Absätze kursiv gesetzt sind. Wenn du etwas schmäler machst, würde ich eher den Storybereich anpeilen (Klasse namens .story), möglicherweise hilft es aber auch schon, für die Klasse im Stylesheet ein
overflow: hidden;
einzufügen.
overflow: hidden;
einzufügen.
strandkiesel
vor 7068 Tagen
Das mit dem overflow: hidden habe ich gerade versucht, hat aber nichts geändert. Weiß allerdings nicht, ob ich das an der richtigen Stelle eingefügt habe? (Im Stylesheet direkt unter /* story */ - oder wo muß das genau hin? Sorry...).
Wie ich den Storybereich schmaler bekomme, wäre mir auch nicht so wirklich klar. Wo muss ich das denn einstellen?
Danke für die Hilfe!
Wie ich den Storybereich schmaler bekomme, wäre mir auch nicht so wirklich klar. Wo muss ich das denn einstellen?
Danke für die Hilfe!
skydance
vor 7067 Tagen
Der richtige Platz ist innerhalb der geschwungenen Klammern bei
div.story {
margin: 0 0 34px 0;
}
Da die Story in diesem Layout keine eigene Breitenangabe hat, muss man etwas rumspielen. Der Wrapper ist 750 pixel breit, der Sidebar 210 (steht beides im umgebenden, also vorgegebenen CSS), der Abstand berägt 30 Pixel. Jetzt könnte man entweder den Sidebar schmäler machen (Indem man für #sidebar01 im Stylesheet eine geringere Breite angibt, das Basis-CSS wird dadurch überschrieben) oder dem #content eine fixe Breite zuweisen, die er in dem Layout nicht hat - dazu müsste die Klasse im stylesheet eigens angelegt werden:
#content { width: 500px; }
500px ist dabei eine Vermutung (750-210-30 = 510 , die 10 Pixel sollten als Puffer genügen)
div.story {
margin: 0 0 34px 0;
}
Da die Story in diesem Layout keine eigene Breitenangabe hat, muss man etwas rumspielen. Der Wrapper ist 750 pixel breit, der Sidebar 210 (steht beides im umgebenden, also vorgegebenen CSS), der Abstand berägt 30 Pixel. Jetzt könnte man entweder den Sidebar schmäler machen (Indem man für #sidebar01 im Stylesheet eine geringere Breite angibt, das Basis-CSS wird dadurch überschrieben) oder dem #content eine fixe Breite zuweisen, die er in dem Layout nicht hat - dazu müsste die Klasse im stylesheet eigens angelegt werden:
#content { width: 500px; }
500px ist dabei eine Vermutung (750-210-30 = 510 , die 10 Pixel sollten als Puffer genügen)
strandkiesel
vor 7067 Tagen
Vielen lieben Dank für die ganze Arbeit die Du Dir gemacht hast, um mir zu helfen. Den Content schmaler zu machen hat nicht funktioniert (selbst bei 300px zu Testzwecken ging es nicht.) Habe die Sidebar auf 200px gesetzt und - Voilà! Das hat's gebracht.
antworten
antworten