mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 01:33 Benutzername: Passwort: Auto-Login

Thema: css-Problem vom 20.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css-Problem
Seite: 1, 2  Weiter
Autor Nachricht
Fellsche
Threadersteller

Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 20.07.2006 15:31
Titel

css-Problem

Antworten mit Zitat Zum Seitenanfang

Hallo!

Weiß jemand, wie ich den Mittelteil an den "Unten-Teil"
angrenzen lassen kann? D.h. der Mittelteil passt sich immer
an - wie frames.

Hä?

css.zip

danke schonmal Lächel
  View user's profile Private Nachricht senden
Spladder

Dabei seit: 26.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Do 20.07.2006 15:33
Titel

Antworten mit Zitat Zum Seitenanfang

http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=footer
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Fellsche
Threadersteller

Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Fr 21.07.2006 09:42
Titel

Antworten mit Zitat Zum Seitenanfang

Der Footer soll sich immer am unteren Rand des Fensters
befinden - also der Mittelteil soll sich immer in der Größe ändern.
Hab dafür keine Lösung gefunden..
  View user's profile Private Nachricht senden
shakadi
Griller Killer

Dabei seit: 21.12.2003
Ort: SHA
Alter: 36
Geschlecht: Männlich
Verfasst Fr 21.07.2006 09:44
Titel

Antworten mit Zitat Zum Seitenanfang

Einmal Erdgeschoss bitte!

Meinste sowas?
  View user's profile Private Nachricht senden
Fellsche
Threadersteller

Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Fr 21.07.2006 15:22
Titel

Antworten mit Zitat Zum Seitenanfang

ja schon, aber soweit bin ich ja schon.
Den Footer, der immer am unteren Rand ist, habe ich.
mir geht's jetzt um den mittelteil: der soll sich größenmäßig
immer anpassen.
  View user's profile Private Nachricht senden
afriend

Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 21.07.2006 15:47
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

ich weiß zwar nicht genau, was du mit dem Mittelteil meinst,
aber für mich hört sich das so an, als ob Du einfach nur nur
immer ein div-Layer am unteren Rand haben möchtest.

So wie bei "dasuge.de" der Layer oben ist, so kannst du den
auch einfach unten platzieren.

Sollte ich damit falsch liegen, überles das hier einfach *zwinker*

mfg
afriend
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Fellsche
Threadersteller

Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Fr 21.07.2006 19:05
Titel

Antworten mit Zitat Zum Seitenanfang

hier hab ich's zum besseren Verständnis hochgelden:

>>>> css.zip <<<<
  View user's profile Private Nachricht senden
afriend

Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 22.07.2006 14:47
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

ehrlich gesagt, bin ich nicht wirklich schlauer geworden. *zwinker*

Ich bin jetzt mal davon ausgegangen, dass Du ein CSS Frameset basteln willst.

- Oben, der Kopf
- Mitte, Inhalt, der sich über die gesammte Fläche füllt
- Unten, der Fuss


Das sollte auch Crossbrowser kompatibel sein (hab ich jetzt aber nicht getestet).
Das solltest Du auch nur als Basis sehen, weil man da noch eine menge tun kann.
(Das ist nur eine von vielen Möglichkeiten)

HTML - SEITE
Code:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>
<title>CSS Position</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>

<body>

<div id="kopf">--- Kopf ---</div>
<div id="torso">--- Torso ---</div>
<div id="fuss">--- Fuss ---</div>


</body>
</html>



CSS SYTLE
Code:

html {
    padding:0;
   margin:0;
   height:100%;
   max-height:100%;
   width: 100%;
   max-width: 100%;
   /* \*/
   overflow: hidden;
   /* */
   border: 0px;
   background: #CFFCCC;
   font-family: Arial;
   text-align: left;
   color: #000000;
   }
   
body {
    margin: 0;
   padding: 0;
   height: 100%;
   max-height: 100%;
    width: 100%;
   min-width: 100%;   
   overflow:hidden;
   }

#kopf {
   position: absolute; 
   top:0;
   width: 100%;
   height: 150px;
    background: #CCFFFF;
   }

#torso {
   overflow:auto;
   position:absolute;
   top:150px;
   bottom: 150px;
   width: 100%; 
   }

#fuss {
   position:absolute;
   bottom:0;
   width: 100%;
   height: 150px;
    background: #CCFFFF;
   }


viel spass beim basteln & mfg
afriend


Zuletzt bearbeitet von afriend am Sa 22.07.2006 14:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] Kleines CSS-Problem
IE-CSS-Problem
CSS Problem
css-problem
CSS Problem (IE)
CSS Problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.