mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 09:59 Benutzername: Passwort: Auto-Login

Thema: CSS Problem. Div Container sollen sich automatisch anpassen. vom 14.11.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Problem. Div Container sollen sich automatisch anpassen.
Autor Nachricht
buchstabensuppe
Threadersteller

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht: Männlich
Verfasst Mo 14.11.2005 17:32
Titel

CSS Problem. Div Container sollen sich automatisch anpassen.

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

seit kurzer Zeit bin ich auf das Programmieren mit CSS umgestiegen und stehe bei meinem jetzigen Projekt vor einem Problem. Ich habe vier Container untereinander, alle mit position: relative;. Im untersten Container befinden sich drei Container absolut positioniert. Diese drei Container liegen nebeneinander und die Höhe richtet sich im Moment noch nach dem Inhalt.

Nun möchte ich, dass sich die untersten drei Container nach der Höhe des Browserfensters richten. Also height="100%" wie man es in der "Tabellensprache" sagen würde *zwinker* Nur leider funktioniert das so nicht.

Gibts einen Trick?


Hier der Aufbau der Container:

Code:
<div id="top">navigation1</div>
<div id="header">headergrafik</div>
<div id="nav">navigation2</div>
<div id="content">
   <div id="content1">Inhalt1</div>
   <div id="content2">Inhalt2</div>
   <div id="content3">Inhalt3</div>
</div>



Gruß.
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 14.11.2005 19:04
Titel

Antworten mit Zitat Zum Seitenanfang

1. css ist keine programmierung

2. du möchtest das header und navi ne gewisse höhe einnehmen, und die unteren 3 divs ihre höhe auf insgesamt 100% des browserfensters erweitern? ist so ohne weiteres nicht möglich.

du könntest höchstens ein div drumrum bauen, das auf 100% setzen, darein dann die navis und den header, und darunter die 3 content divs:

Code:
<div id="page">
   <div id="top">navigation1</div>
   <div id="header">headergrafik</div>
   <div id="nav">navigation2</div>
   <div id="content1">Inhalt1</div>
   <div id="content2">Inhalt2</div>
   <div id="content3">Inhalt3</div>
</div>


ansonsten könnteste höchstens mit negativem margin rumprobieren, wobei das auch nicht wirklich zufriedenstellend ist.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Problem mit div Container - höhe soll sich automatisch anpas
Divs sollen sich content anpassen!
Illustrator CS 3: Zeichenfläche automatisch anpassen?
[Flash CS4] - Textrahmen automatisch anpassen
Homepage an die Monitorgröße automatisch anpassen
CSS / Muster, mit repeat automatisch an Text anpassen?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.