Autor |
Nachricht |
michael karbrüggen
Threadersteller
Dabei seit: 30.01.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.09.2009 15:08
Titel 3 Zeilen Layout |
|
|
guten tag,
ich brauche ein 3 zeilen layout mit einem oberen feststehenden div einem unteren feststehenden div und der mittlere bereich soll sich anpassen und dementsprechend wenn viel content drin ist über overflow:auto; scrollbar sein.
ich habe selber schonmal etwas probiert aber leider funktionierte es bei mir in allen brwosern.
Danke für eure Antworten.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 03.09.2009 15:15
Titel
|
|
|
Zeig doch mal was Du bis jetzt hast.
[Verschoben von Programmierung]
Zuletzt bearbeitet von Kash am Do 03.09.2009 15:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
denise2302
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 03.09.2009 15:19
Titel Re: 3 Zeilen Layout |
|
|
michael karbrüggen hat geschrieben: |
ich habe selber schonmal etwas probiert aber leider funktionierte es bei mir in allen brwosern.
|
hmmm... schade, ich freue ich mich da immer, wenns in allen browsern klappt
aber probier mal:
css
Code: |
#header { position: fixed; top: 0; height: 20px; }
#content { margin-top: 25px; margin-bottom: 45px; }
#footer { position: fixed; bottom: 0; height: 40px; }
|
html
Code: |
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
|
ist ungetestet....
|
|
|
|
|
michael karbrüggen
Threadersteller
Dabei seit: 30.01.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.09.2009 15:22
Titel
|
|
|
ich brauche was, was im IE 6,7,8 firefox usw geht das geht leider sonicht im ie6
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 03.09.2009 15:28
Titel
|
|
|
weil der IE6 position:fixed nicht kann.
|
|
|
|
|
denise2302
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 03.09.2009 15:37
Titel
|
|
|
der ie6 ist blöd... und mit zusätzlichem js für ie6? gibts da was? oder den ie6 nicht mehr beachten... wohl am einfachsten...
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.09.2009 15:39
Titel
|
|
|
möp, büdde schön das hier müsste gehen:
CSS
Code: | html, body
{
margin: 0;
padding: 0;
}
#header
{
background: #f00;
height: 5%;
position: absolute;
top: 0;
width: 100%;
}
#container
{
height: 90%;
position: absolute;
overflow: auto;
top: 5%;
width: 100%;
}
#footer
{
background: #f00;
bottom: 0;
height: 5%;
position: absolute;
width: 100%;
} |
HTML
Code: | <body>
<div id="header"></div>
<div id="container"></div>
<div id="footer"></div>
</body> |
Hoffe dass funzt^^ habs nur mal schnell in FF 3.5 und IE 6 probiert
|
|
|
|
|
michael karbrüggen
Threadersteller
Dabei seit: 30.01.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.09.2009 15:47
Titel
|
|
|
Danke erstmal, so wie emorikaner hatte ich es auch schon aber dann bekam ich probleme weil ich das ganze nur 700 px breit brauche und zentriert und dann kam ich nicht weiter...
noch jemand eine idee, trotzdem schonmal supi...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Website mit festen Layout in dynamisches Layout umbauen
ASP.NET datagrid Zeilen einfärben?!
PHP Absatz: alle 4 Zeilen
Tabellenspalten werden zu Zeilen
[PHP]Anfänger: mehrer Zeilen in DB eintragen
Textdatei einlesen und das nur einpaar zeilen
|
|