Breite der Sidebar
Hallo zusammen,
ich möchte gern die Breite der Sidebar anpassen.
http://querformat.twoday.net
Das mache ich bestimmt im main.css.
habe leider kein genaue vorstellung, wie.
Im Moment habe ich die Breite verändert, aber der Rahmen drum herum ist zu schmal, daher landet die Sidebar ganz unten. genau betrachtet hat das aussehen drei spalten, obwohl ich nur ein zweispaltiges layout gewählt habe. Wie kann ich die mittlere spalte entfernen, bzw. schmaler machen?
Hat jemand einen Tip für mich?
Danke im Voraus
Peter
ich möchte gern die Breite der Sidebar anpassen.
http://querformat.twoday.net
Das mache ich bestimmt im main.css.
habe leider kein genaue vorstellung, wie.
Im Moment habe ich die Breite verändert, aber der Rahmen drum herum ist zu schmal, daher landet die Sidebar ganz unten. genau betrachtet hat das aussehen drei spalten, obwohl ich nur ein zweispaltiges layout gewählt habe. Wie kann ich die mittlere spalte entfernen, bzw. schmaler machen?
Hat jemand einen Tip für mich?
Danke im Voraus
Peter
querformat - 1. Mai. 2005, 18:58 - Rubrik: HTML und CSS
Wieder einmal IE vs. FF
Zu deinem Problem:
Nein, es ist weiterhin ein "2-Spaltiges" Layout. Du hast den Bereich 'content' und den Bereich 'sidebar01'. Diese beiden Bereiche bestimmen im Endeffekt wie breit die gesamte Seite ist (das sind die Bereiche mit "Inhalt").
Das Problem ist wohl wirklich die sidebar01: Im CSS steht
width: 190pxim HTML ist eine Tabelle mit<table width=220>.Die Tabelle (die 30Pixel breiter ist) dehnt die Sidebar aus. Der Firefox schneidet den Inhalt ab, der IE dehnt die sidebar01 aus. Ergebnis: IE schiebt die sidebar01 nach unten.
Lösungen:
1. Tabelle entfernen oder schmaler machen. Ich denke du hast da zweimal den Code für die Wetteranzeige drin. Einmal genügt, oder!?
Hast du im Modul FreeText1/2 HTML-Code eingebaut (Online-Counter; Wetteranzeige; usw)? evt. Entfernen oder bearbeiten.
2. Div-Bereiche schmaler/breiter machen.
Du hast die Wahl:
- Den Div-Bereich wrapper Breiter zu machen (derzeit hat er 690px). Dazu am ende vom CSS einfach
#wrapper {width: 730px}einfügen.- Die sidebar01 schmaler machen:
Am Ende vom CSS
#sidebar01 {overflow:hidden}einfügen. Dadurch wird alles was zu breit für die sidebar01 ist abgeschnitten.- Den rechten Rand von 'content' ändern:
Am Ende vom CSS
#container {margin-right: 220px}einfügen.Dadurch wird der rechte Rand von 'container' so weit verschoben, dass die sidebar01 auch mit 220 Pixeln Breite rein passen sollte. Evt. musst du mehr Raum als 220 Pixel geben. Probieren geht über studieren.
CSS bearbeiten:
Admin-Layout-Skins (HTML)-Stylesheet (site.style)
[hoffe geholfen zu haben und freu mich schon auf das nächste Ablästern über den IE ;-) ]
Danke
das passt für's erste.
Habe jetzt ein paar Tage keine Zeit deine Vorschläge im Detail auszuprobieren, aber es klingt alles sehr einleuchtend und verständlich.
Also in diesem Sinne
Vielen Dank
P.S. Werde mich bestimmt in den nächsten Tagen melden, wenn ich mit deinen Vorschlägen nicht weiter komme (weil ich eventuell ein Brett vor dem Kopf habe)
Da fällt mir spontan der Haindling ein: ...hat a bred vorm kopf, denkt soo verdraht...