79.Panzergrenadierregiment
Sonstiges => Troubleshooting => Thema gestartet von: Arparso am 30. Dezember 2007, 03:27:52
-
HTML- und/oder CSS-Guru gesucht
*gnaaaa* ... das treibt mich noch irgendwann in den Wahnsinn. Folgendes Problem hab' ich gerade: im Hauptbereich einer Webseite möchte ich links den eigentlichen Inhalt präsentieren (variable Breite), also z.B. News-Artikel, Blog-Einträge oder irgendsowas. Auf der rechten Seite soll ein Menü mit einer bestimmten, fixen Breite dargestellt werden. Beides wollte ich in je einem div-Element unterbringen, aaaaaber - und das ist der Knackpunkt - egal, wie ich die mit CSS formatiere, die zwei divs überlappen sich jedesmal.
Zur Anschauung mal ein paar Grafiken. Die Grenzen der divs habe ich mal farblich hervorgehoben, so dass man das Problem leichter erkennen sollte. So hier soll es aussehen:
(http://arparso.de/bilder/css_correct.jpg)
Und so hier sieht es leider aus:
(http://arparso.de/bilder/css_wrong.jpg)
Meine derzeitige "Lösung" für das Problem besteht daran, im linken div einfach die CSS-Eigenschaft "padding-right" so zu definieren, dass die inneren Elemente in diesem div nicht auf die Seite des Menüs hinüberrutschen können. Die Lösung kommt mir aber nicht wirklich "sauber" vor und der IE hat da gerade auch noch so seine Probleme damit...
(http://arparso.de/bilder/css_current.jpg)
Hat da jemand eine Idee, wie sich das elegant bewerkstelligen lässt? Wohlgemerkt ist zu beachten, dass das linke div eine variable Breite besitzen muss und sich zusammen mit dem Browser-Fenster verbreitert und auch wieder zusammenzieht, ohne jedoch das Menü jemals zu überlagern (außer vielleicht bei einer extrem schmalen Breite, bei der die Seite ohnehin nicht mehr lesbar wäre).
-
nein
Aber wäre es nciht sinnvolle solch eine Frage in einem Informatikstudenten-Blog ider Forum zu posten. Gut hier studiert so manch einer, aber haben die nicht andere Schwerpunkte? Das Problem scheint mir doch recht speziell zu sein ...
Ach hab ich schon wieder laut gedacht ... :79: ich bin dann mal weg *wusch*
-
also ich habe leider auch nicht mehr so die Ahnung zu diesem Thema aber kannst ud mal den Quelltext hier reinsetzen?
Vielen Dank und Gruß ;)
-
nein
Aber wäre es nciht sinnvolle solch eine Frage in einem Informatikstudenten-Blog ider Forum zu posten. Gut hier studiert so manch einer, aber haben die nicht andere Schwerpunkte? Das Problem scheint mir doch recht speziell zu sein ...
So speziell ist das gar nicht und bei "Gamern" kann man ja manchmal durchaus den einen oder anderen versierten HTML-Coder antreffen ;)
Abgesehen davon glaubst du hoffentlich nicht, dieses wär' das einzige Forum, wo ich diese Frage gestellt habe... :rolleyes:
@Steiner
Danke für's Angebot, ist aber nicht mehr nötig. Hab's inzwischen hinbekommen ;)
-
nein
Aber wäre es nciht sinnvolle solch eine Frage in einem Informatikstudenten-Blog ider Forum zu posten. Gut hier studiert so manch einer, aber haben die nicht andere Schwerpunkte? Das Problem scheint mir doch recht speziell zu sein ...
So speziell ist das gar nicht und bei "Gamern" kann man ja manchmal durchaus den einen oder anderen versierten HTML-Coder antreffen ;)
Abgesehen davon glaubst du hoffentlich nicht, dieses wär' das einzige Forum, wo ich diese Frage gestellt habe... :rolleyes:
@Steiner
Danke für's Angebot, ist aber nicht mehr nötig. Hab's inzwischen hinbekommen ;)
wo war der Fehler?
-
Hatte übersehen, dass ich das gewünschte Layout leicht hinbekomme, wenn ich dem linken div die Eigenschaft "margin-right" mit der Breite des rechten div verpasse. ;)
-
axo -> konnte dir da ein anderes forum weiterlfen? :D
-
Yep :)
... obwohl die Lösung eigentlich recht offensichtlich hätte sein müssen, weil ich die margin-Attribute sonst ständig verwende. Naja, aber manchmal sieht man den Wald vor lauter Bäumen nicht mehr ;)
-
naja, hauptsache das klappt jetzt wieder alles so wie dur dir das vorstellst :-)