Autor |
Nachricht |
Fellsche
Threadersteller
Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 20.07.2006 16:31
Titel css-Problem |
|
|
Hallo!
Weiß jemand, wie ich den Mittelteil an den "Unten-Teil"
angrenzen lassen kann? D.h. der Mittelteil passt sich immer
an - wie frames.
css.zip
danke schonmal
|
|
|
|
|
Spladder
Dabei seit: 26.05.2006
Ort: Köln
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Fellsche
Threadersteller
Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 21.07.2006 10:42
Titel
|
|
|
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..
|
|
|
|
|
shakadi
Griller Killer
Dabei seit: 21.12.2003
Ort: SHA
Alter: 43
Geschlecht:
|
|
|
|
|
Fellsche
Threadersteller
Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 21.07.2006 16:22
Titel
|
|
|
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.
|
|
|
|
|
afriend
Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 21.07.2006 16:47
Titel
|
|
|
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
mfg
afriend
|
|
|
|
|
Fellsche
Threadersteller
Dabei seit: 01.10.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 21.07.2006 20:05
Titel
|
|
|
hier hab ich's zum besseren Verständnis hochgelden:
>>>> css.zip <<<<
|
|
|
|
|
afriend
Dabei seit: 07.07.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 22.07.2006 15:47
Titel
|
|
|
Hi,
ehrlich gesagt, bin ich nicht wirklich schlauer geworden.
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 15:48, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
CSS Problem im IE und im FF
problem mit SQL
css problem
css > problem > ie6 +ie7 ..
IE und PNG Problem
|
|