kostenloser Webspace werbefrei: lima-city

Div auf Seitenhöhe bzw. Content anpassen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   d*****e

   14:37, 3.9.2009

   Hallo,
   vor kurzem bin ich angefangen die Seite eines Vereins zu überarbeiten, da ich endlich vom Tabellen-Layout weg möchte. Weit gekommen bin ich leider bisher noch nicht, da meine Kentnisse in css eher gering sind. Nun hoffe ich hier jemanden zu finden der mir bei 2 Problemen einen Tipp geben kann:
   
   1. Wie kann man divs an derren Inhalt anpassen? (z.B. wenn ein Text unbekannter länge in ein div gepackt werden soll, ohne dass das div den Text "kürzt")
   
   2. Wie bekomme ich es hin, dass Seitenleisten immer über die gesamte höhe der Seite verlaufen? (siehe hierzu: http://dcblaze.lima-city.de/Preview/ und dann weiter nach unten scrollen)
   
   Bin für jede Hilfe dankbar.
   
   Gruß
   DCBlaze
   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. e********l

   14:49, 3.9.2009

   Wenn du willst das sich ein Div an die Textmenge anpasst, dann gibst du dem Div einfach keine Höhenangabe mit. Dann wird wird sich selbst in der Höhe variieren.
   
   Ein Div das über die gesamte Seite weite geht ist direkt nicht möglich. Du kannst lediglich sagen das es bei mehr Inhalt länger wird und eine Mindestgröße angeben. Um es immer über die gesamte Höhe zu ziehen musst du dich mit Tabellen behelfen.

4. w******s

   15:05, 3.9.2009

   dcblaze schrieb: 2. Wie bekomme ich es hin, dass Seitenleisten immer über die gesamte höhe der Seite verlaufen? (siehe hierzu: http://dcblaze.lima-city.de/Preview/ und dann weiter nach unten scrollen)

   In diesem Fall hilft der "Faux Columm" Trick. Dazu brauchst du ein Bild, dass horizontal die zwei "Spalten" und den Inhalt umfasst, danach wird über CSS dem div mit der ID page_content das Hintergrundbild übergeben und in x-Richtung widerholt. So erhält man den Eindruck, dass es sich anpasst, jedoch letztlich nicht tut

5. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   15:16, 3.9.2009

   Hat er doch schon. Aber anscheinend paßt die Verschachtelung der Container nicht ganz.
   
   FF
6. Autor dieses Themas

   d*****e

   16:14, 3.9.2009

   Schonmal danke für die Antworten. Werde es heute Abend zu Hause mal ausprobieren, divs ohne Größenangabe zu verwenden. Aber die Sache mit der "Faux Columm" habe ich noch nicht ganz verstanden. Meinst du damit das der gesammte Content-Bereich in der horizontalen nur eine Grafik ist und dann in der vertikalen wiederholt wird?

7. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   16:26, 3.9.2009

   Verschiebe einfach mal das
   
   

   background-image:url(../graphics/bg_page_content.png);

   
   vom #container in den #page-content. Dann hast Du deine Faux-Columns perfekt. ;)
   
   FF
8. Autor dieses Themas

   d*****e

   9:56, 4.9.2009

   Ok, danke schonmal. Heute Nacht werde ich mich mal ran setzten und die Resultate posten.
   
   
   
   Edit: Hat alles auf Anhieb geklappt. Noch mal vielen Dank für die Hilfe.
   
   Beitrag zuletzt geändert: 5.9.2009 0:43:07 von dcblaze

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?