Wer kann mir sagen, mit welchem HTML-Code ich mein Blog-Layout so fixieren kann, dass die Ebenen mit der Schrift und der Hintergrund immer so übereinanderliegen, wie ich das will, und sich nicht - je nach Fensterbreite - verschieben?
Danke...
6 Kommentare:
Anonym
hat gesagt…
Vom Schiff aus lässt sich das nicht sagen. Geh mal zu http://www.strohhalm.org/ und frag dort bei den HTML-Profis nach.
Stephan hat mich auf deinen Hilferuf aufmerksam gemacht. Ich bin also mal vom Schiff runtergestiegen und habe mir deinen code angesehen: Du brauchst keinen HTML-Code, sondern CSS! Kurz gesagt: Unter der Zeile: /* Outer-Wrapper ------- */ ersetzt du die beiden folgenden Blöcke mit diesem hier: /* -- cut -- */ #outer-wrapper { width: 880px; margin:0; padding:10px; text-align:left; font: normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif; }
damit siehts bei mir ganz ok aus. Mit den Angaben width und margin-left im Block für left-sidebar-wrapper kannst du die sidebar umherschieben. Viel Spass, ich hoffe das ist was du im Kopf hattest! Ich mache natürlich gerne auch persönliche Beratung...
danke!!! ja, das ist genau das, was ich wollte! so macht das layouten ja tatsächlich spass. sonst läuft das bei mir mehr so nach "suchen, was könnte es wohl sein, mal googeln, mal was ändern, vorschau, aha"-prinzip, und das dauert halt immer recht lange...
Sorry, als Windows-Abstinenzler habe ich das Layout natürlich nicht im Internet Explorer angeschaut. Doch zum Glück gibts Menschen, die einen darauf hinweisen... Schaus dir mal im IE an, und danach kannst dus wie folgt reparieren (hoffentlich):
im Block #left-sidebar-wrapper { ... } änderst du die Zeile margin-left: 200px; zu padding-left: 200px;
ausserdem musst du im Block body { ... } (weiter oben) die folgende Zeile löschen: text-align: center;
blöder IE. im firefox und safari zeigt es die seite problemlos an, aber hab heute auch bei der arbeit im ie draufgeschaut und den fehler bemerkt.
ich hab die randbreite (padding-left) noch auf 195 herabgesetzt, weil irgendwie ging es mit 200px nicht. und den right-sidebar auf 0 gesetzt, da ist ja momentan eh nichts drin. und es muss ja glaub ich alles in den outer-wrapper passen, wenn ich das richtig verstehe?
jetzt sollte es das ganze richtig anzeigen. jedenfalls bei mir auf dem laptop mit dem ie. ausser das die schriftart nicht stimmt. hoffe, das ist nicht überall so.
Jep, jetzt ist alles bestens. Gern geschehen. *zwinker* ;-)
@ Dave, zu meiner Verteidigung: Benütze übrigens in der Regel auch Firefox, aber zur internen Qualitätssicherung muss ja jemand von Zeit zu Zeit den IE ausprobieren... ;-)
6 Kommentare:
Vom Schiff aus lässt sich das nicht sagen. Geh mal zu http://www.strohhalm.org/ und frag dort bei den HTML-Profis nach.
Stephan hat mich auf deinen Hilferuf aufmerksam gemacht. Ich bin also mal vom Schiff runtergestiegen und habe mir deinen code angesehen:
Du brauchst keinen HTML-Code, sondern CSS! Kurz gesagt:
Unter der Zeile:
/* Outer-Wrapper ------- */
ersetzt du die beiden folgenden Blöcke mit diesem hier:
/* -- cut -- */
#outer-wrapper {
width: 880px;
margin:0;
padding:10px;
text-align:left;
font: normal normal 99% Trebuchet, Trebuchet MS, Arial, sans-serif;
}
#left-sidebar-wrapper {
width: 230px;
margin-left: 190px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
/* -- cut -- */
damit siehts bei mir ganz ok aus. Mit den Angaben width und margin-left im Block für left-sidebar-wrapper kannst du die sidebar umherschieben. Viel Spass, ich hoffe das ist was du im Kopf hattest! Ich mache natürlich gerne auch persönliche Beratung...
danke!!! ja, das ist genau das, was ich wollte!
so macht das layouten ja tatsächlich spass. sonst läuft das bei mir mehr so nach "suchen, was könnte es wohl sein, mal googeln, mal was ändern, vorschau, aha"-prinzip, und das dauert halt immer recht lange...
**gruss
Sorry, als Windows-Abstinenzler habe ich das Layout natürlich nicht im Internet Explorer angeschaut. Doch zum Glück gibts Menschen, die einen darauf hinweisen...
Schaus dir mal im IE an, und danach kannst dus wie folgt reparieren (hoffentlich):
im Block
#left-sidebar-wrapper {
...
}
änderst du die Zeile
margin-left: 200px;
zu
padding-left: 200px;
ausserdem musst du im Block
body {
...
}
(weiter oben)
die folgende Zeile löschen:
text-align: center;
viel Spass!
blöder IE. im firefox und safari zeigt es die seite problemlos an, aber hab heute auch bei der arbeit im ie draufgeschaut und den fehler bemerkt.
ich hab die randbreite (padding-left) noch auf 195 herabgesetzt, weil irgendwie ging es mit 200px nicht. und den right-sidebar auf 0 gesetzt, da ist ja momentan eh nichts drin. und es muss ja glaub ich alles in den outer-wrapper passen, wenn ich das richtig verstehe?
jetzt sollte es das ganze richtig anzeigen. jedenfalls bei mir auf dem laptop mit dem ie. ausser das die schriftart nicht stimmt. hoffe, das ist nicht überall so.
danke für die hilfe!!
Jep, jetzt ist alles bestens. Gern geschehen. *zwinker* ;-)
@ Dave, zu meiner Verteidigung: Benütze übrigens in der Regel auch Firefox, aber zur internen Qualitätssicherung muss ja jemand von Zeit zu Zeit den IE ausprobieren... ;-)
Kommentar veröffentlichen