Autor |
Nachricht |
123456
Threadersteller
Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht:
|
Verfasst So 27.05.2007 17:35
Titel CSS Layout |
|
|
Hallo.
Sitz hier grad an folgendem Problem: Eine Seite soll eine Titelleiste haben, welche fixed ist, das gleiche auch links bei einer Navigation. Nur der Conetentbereich soll scrollen.
Dazu habe ich mal diese Seite zur Erklärung. Bei mir soll es fast genauso werdne, aber der Titelleisten-Div-Contatiner soll nicht, wie im Beispiel, links am Menü ansetzen, sondern links am Content-Container. Achja: zieht mal euer Browserfenster kleiner... die Seite bleibt immer zentriert, was ich genauso möchte.
Naja hab nu schon bissl rumprobiert etc aber irgendwie klappts nicht. Wäre klasse, wen njemand einen Tipp hätte
Vielen Dank für eure Bemühung
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 27.05.2007 18:02
Titel
|
|
|
Dann zeig mal was du schon hast.
|
|
|
|
|
Anzeige
|
|
|
Santi
Dabei seit: 19.07.2006
Ort: Bochum
Alter: 37
Geschlecht:
|
Verfasst So 27.05.2007 20:51
Titel
|
|
|
hallo,
versteh ich das richtig du willst einfach nur einen scrollbaren
content haben
für den content ein Beispiel:
Code: |
#content {
overflow: auto;
}
|
wenn der content überfüllt ist wird automatisch ein scrollbalken
eingefügt.
für die ausrichtung in die mitte ein beispiel:
Code: |
#main{
margin: 0px auto 0px auto;
text-align: center;
|
und #main muss alle div-bereiche umschleißen
z.b.....
Code: |
<div id="main">
<div id="head"></div>
<div id="naiv"></div>
<div id="content"></div>
<div id="foot"></div>
</div>
|
aber das sollte man wissen....
gruß santi
Zuletzt bearbeitet von Santi am So 27.05.2007 20:52, insgesamt 1-mal bearbeitet
|
|
|
|
|
123456
Threadersteller
Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht:
|
Verfasst Mo 28.05.2007 18:49
Titel
|
|
|
Ja irgendwie bin ich da zu kompliziert rangegangen, wollte das immer mit position: fixed machen. Danke für die Hilfe.
Ähm hier mal der Link: [url=entfernt]Verweis[/url]
Ist es möglich, den Contentbereich automatisch in der Höhe an die Fenstergröße anpassen zu lassen?. also soll genau an der Kante enden, damit niemals der Scrollbalken im Browser erscheint. Oder muss ich dazu javascript nutzen? Möchte ich eigentlich nicht...
Danke schonmal
Zuletzt bearbeitet von 123456 am So 03.06.2007 17:18, insgesamt 1-mal bearbeitet
|
|
|
|
|
Santi
Dabei seit: 19.07.2006
Ort: Bochum
Alter: 37
Geschlecht:
|
Verfasst Mo 28.05.2007 22:27
Titel
|
|
|
nein javascript braucht man nicht.
so vllt das ist aus meiner seite...
Code: |
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin: 0px auto 0px auto;
padding: 0px;
background-color: #444444;
background-attachment: fixed;
background-position: top;
background-repeat: repeat-x;
}
#main {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align:inherit;
font-size: 10px;
width:100%;
height:100%;
}
#content{
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;
text-align:inherit;
color: #A7A7A7;
}
|
|
|
|
|
|
123456
Threadersteller
Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht:
|
Verfasst Di 29.05.2007 22:02
Titel
|
|
|
ich kriegs einfach nicht gebacken...
viell. könntest mir auch erklären, wie man das ganze hinbekommt, sodass es sich anpasst. also nicht code posten sondern erklärn, welche eigenschaften dafür von nöten sind. irgendwie musst du es ja auch so hinbekommen haben udn zudem ist es auch sicher für mich sinnvoller. wäre echt klasse von dir
edit: grad noch was anderes probiert: hab noch einen footer erstellt: Code: |
#footer
{
height:10%;
width:100%;
background:#cde0eb;
clear:left;
padding:0;
position:absolute;
bottom:0;
margin:0;
} |
so und wenn ich jetzt die "main" divbox mit margin-bottom versetze, müsste es doch dann immer am footer abschliessen-->sodass die div box also immer dem fenster angepasst ist was ich ja möchte.
könnte die herangehensweise klappen? weil habs schon probiert aber bis jetzt klappts nicht
Zuletzt bearbeitet von 123456 am Di 29.05.2007 23:01, insgesamt 1-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 29.05.2007 23:08
Titel
|
|
|
Für IE6 und älter bekommst Du das ohne JavaScript
afaik nur im Quirks-und-Quatschmodus hin, siehe:
bodyfix.html
Für moderne Browser (und sogar IE5.5) ginge es z.B.
so: dummy -> wobei der IE6 den unteren Scroll-
balken verschluckt.
Falls da jemand eine bessere Lösung (strikt) hat -
nur her damit
|
|
|
|
|
123456
Threadersteller
Dabei seit: 15.01.2006
Ort: Dresden
Alter: -
Geschlecht:
|
Verfasst Di 29.05.2007 23:31
Titel
|
|
|
danke das sieht gut aus!
das mit dem "bodyfix" schaut gut aus. funktioniert im IE 6 und firefox. sofern das dann auch ältere und neuere IEs unterstützen, wär ich glücklich.
beim andern link bezüglich verschluckender scrollbalken: müsste man doch nur die box weiter oben enden lassen?... naja werd ich mir morgen mal genauer anschauen. danke schonmal
|
|
|
|
|
|
|
|
Ähnliche Themen |
Website mit festen Layout in dynamisches Layout umbauen
[CSS Layout] An Fenstergröße anpassendes Layout
Probleme mit Layout - div im layout height="100%"
CSS-Layout
CSS Layout
CSS Layout
|
|