Ergebnis 1 bis 6 von 6

Thema: Dynamische Größen in CSS festlegen

  1. #1
    Kaffeetasse
    Gast

    Standard Dynamische Größen in CSS festlegen

    Hallo an alle,

    ich habe eine Seite die folgendermassen aufgebaut ist:

    - Header mit fester Größe von 80 px
    - Hauptseite und Menü
    - Footer mit fester Größe von 50 px

    Die gesamten Größen sind in einer screen.css - Datei festgelegt. Ich hätte die Seite gerne so, dass der Footer immer exat mit dem Browserfenster des Users abschliesst und im Zweifelsfall für die Hauptseite ein Scrollbalken angezeigt wird. Um das zu erreichen müsste also in der CSS entweder im Menü-Berreich oder im Hauptseitenberreich ein Eintrag " 100% -80px -50px " stehen. Gibt es eine Möglichkeit dass so in die CSS einzutragen, dass von der gesamten Fensterhöhe 50 px und 80 px abgezogen werden und die Größe der Hauptseite dynamisch den Rest des Bildschirms füllt.

    Ich hoffe ihr könnt mir helfen und ich hab mich verständlich ausgedrückt...

    Hier ein Auszug aus meiner CSS:
    Code:
    .banner, .search_box {
    	height: 80px;
    	background-image: url(header.jpg);
    	background-repeat: repeat-x;
    	font-size: 20px;
    	font-weight: bold;
    	color: #FFFFFF;
    	text-align: center;
    	padding-top: 20px;
    }
    .banner {
    	width: 70%;   /* Gibt die Breite des Banners an -- Achtung: widht  SearchBox muss noch daneben passsen */
    	height: 80px;
    	padding-left: 5%;
    	float: left;
    	text-align: left;
    	
    }
    .search_box {
    	float: right;
    	clear: right;
    	width: 25%;
    }
    .content {
    	margin: 10px 10px 10px 160px;	
    	padding: 4px 10px 14px 10px;
    	text-align: justify;
    	clear: right;
    }
    .footer {
    	background-color: #FFFFFF;
    	clear: both;
    	height: 50px;
    	background-image: url(footer.jpg);
    	background-repeat: repeat-x;
    	font-size: 10px;
    	color: #666666;
    	text-align: center;
    	line-height: 18px;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von chris90night
    Registriert seit
    09.09.2006
    Ort
    <?php echo $_SERVER['PHP_SELF']; ?>
    Beiträge
    1.096
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Mit CSS gibt es solch eine Lösung nicht, du kannst höchstens Prozent verwenden, die Angaben sind dann relativ zur Fenstergröße.
    Man müsste sozusagen um deinen Wunsch zu realisieren eine Variable definieren, die immer den Abstand misst und dann das entsprechende div verlängert, aber meines Wissens nach gibt es sowas noch nicht.
    So eine "Auffüllung" geht nur, wenn alles in Prozentangaben angegeben ist, aber wenn der Banner eine feste Größe hat, dann geht das nicht.
    Ich hatte mal so ein ähnliches Problem, aber dafür gab es auch keine Befehle ...

    Gruß, chris90night

    Tipp: Optimiere einfach deine Seite auf die Auflösung 1024 x 768 und benutz feste Pixelangaben, denn das ist die meistgenutzte Auflösung.


    Denk immer daran: auch am anderen Ende der Leitung sitzt ein Mensch!

  3. #3
    Kaffeetasse
    Gast

    Standard

    Kann ich den die Höhe einer <div> festlegen?

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    kannst du

    Code:
    <div style="height&#58;300px;">
    (oder halt in prozent)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Fortgeschrittene/r
    Registriert seit
    07.07.2006
    Beiträge
    160
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Vielleicht hilft dir das hier etwas weiter: Footer aller Art - feststehende Elemente realisieren
    Gruß
    Kathrin

  6. #6
    Meister(in)
    Registriert seit
    15.03.2006
    Beiträge
    316
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zur Info, relative Schriftgröße => em
    Hier nachschlagen

Ähnliche Themen

  1. Problem mit Schrift Größen
    Von kappilino im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.09.2007, 13:40
  2. Tabellen größen werden von IE nicht richtig dargestellt
    Von pbc-a im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.09.2006, 13:03
  3. feste Frame Größen
    Von Gast im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 11.11.2005, 16:54
  4. Antworten: 4
    Letzter Beitrag: 07.03.2005, 17:48
  5. Datenbank-Größen-Limit?!?!?
    Von 32noitka im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 12
    Letzter Beitrag: 28.08.2004, 12:33

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •