nicht angemeldet
3-spaltiges Layout -> Box auf Seitenlänge vergrößern
Hallo,
ich will eine Seite/Site von Tabellenlayout auf CSS umstellen.
Das Ganze funktioniert recht gut, schließlich habe ich den Entwurf abgeschaut
http://www.csszengarden.com/?cssfile=026%2F026.css
Es besteht aus 3 Boxen: Links ein Hauptmenü, in der Mitte der Inhalt, rechts ein Untermenü.
#menue_links {
margin: 0;
padding: 0;
width: 170px;
}
#inhalt {
position: absolute;
top: 44px;
left: 170px;
width: 450px;
margin: 0;
padding: 0;
background: url(schatten_rechts.gif) repeat-y top right #ffffff;
}
#menue_rechts {
position: absolute;
top: 130px;
left: 608px;
margin: 0;
padding: 0;
width: 200px;
}
Wie bringe ich jetzt die mittlere Box dazu, dass sie bis zum Seitenende geht? Ist das überhaupt möglich?
Ob die Fusszeile dann am Seitenende ist oder nicht, wäre egal
Die ganze Seite: http://swolfgang.de/test/
Das CSS: http://swolfgang.de/test/formate3.css
Grüße
Marcus
-
Hi,
wozu überhaupt? Die Seite sieht doch gut so aus und hebt sich gerade dadurch von der Masse an Tabellenlayouts ab.
Abgesehen davon ist CSS nicht für das, was Du vorhast, gedacht und funktioniert nur mit ziemlichen Tricks, die nicht gerade sinnvolles Markup ergeben.freundliche Grüße
Ingo-
Hallo Ingo,
wozu überhaupt? Die Seite sieht doch gut so aus
Das Problem ist der Abschluss der Seite. Der Schatteneffekt verlangt entweder einen expliziten Abschluss mit Schattenwurf nach unten oder eben eine Spalte, die bis zum Ende der Seite geht.
Grüße
Marcus-
Hallo Marcus,
soweit ich weiß, bietet CSS zur Zeit keine perfekte Lösung für dieses Problem. Darauf weist auch Ingo Turski hin.
Es geht nur mit CSS-Tricks (durch entsprechende Farbgestaltung erscheinen die Spalten gleich lang, obwohl die Spalten auf Grund ihrer verschiedenen Inhalte in Wirklichkeit unterschiedliche Längen aufweisen) oder mit Javascript.
Lies dazu bitte den Artikel von Kevin Yank: Exploring the Limits of CSS Layout: http://www.sitepoint.com/article/1213Aber ob Deine Seite mit gleichlangen Spalten wirklich gut aussieht? Probier es aus.
Grüsse aus Neubrandenburg
erika--
Hauptsache dem Hund geht's gut-
Hallo Erika,
Lies dazu bitte den Artikel von Kevin Yank: Exploring the Limits of CSS Layout: http://www.sitepoint.com/article/1213
Da ich eigentlich auf JavaScript verzichten will werde ich versuchen, einen Abschluss für die mittlere Spalte zu finden.
Wenn es funktioniert melde ich mich wieder.Danke für die Tipps
Grüße
Marcus
-
-
Hi,
Das Problem ist der Abschluss der Seite. Der Schatteneffekt verlangt entweder einen expliziten Abschluss mit Schattenwurf nach unten oder eben eine Spalte, die bis zum Ende der Seite geht.
Dann mach doch ersteres. Dürfte wesentlich besser aussehen und geht relativ einfach mit CSS.
freundliche Grüße
Ingo
-
-
-
Hallo,
ich danke für diesen Link.
und denke dir damit helfen zu können:
http://www.pixy.cz/blogg/clanky/css-3col-layout/mfg NAG
--
signatur-
Hallo,
und denke dir damit helfen zu können:
http://www.pixy.cz/blogg/clanky/css-3col-layout/auch hier wird die mittlere Spalte nur so lang wie die längste Spalte. Auf meiner Seite ist aber keine Spalte so lang, dass sie bis zum Seitenende reicht. Das Menü erweckt vielleicht den Eindruck, das beruht aber auf dem Hintergrundbild des <body>.
Grüße
Marcus
-