Hintergrund für die gesamte Seite
maggie
- css
0 glan0 wucher wichtel
Hallo,
ich möchte einen Hintergrund unter die gesamte Seite wie z.B. beihttp://www.typo3forum.net/der schwarze Hintergrund.
Hier meine Testseitehttp://www.formfalt.net/basis.html.
Die css sehen im Moment so aus
/************* kopfleiste **************/
#masthead{
float: left;
width: 100%;
height: 79px;
background-color: #CCCC99;
clear:both;
}
#links{
float: left;
width: 150px;
}
#mitte{
margin: 0px 0px 0px 190px;
}
#rechts{
display: block;
float:right;
width: 120px;
background-color: #FF0066;
}
/************* navigation und inhalt **************/
#navBar{
float: left;
width: auto;
background-color: #33CC00;
}
#content{
float: none;
margin: 0px 0px 0px 160px;
}
#headlines{
float:right;
width: 120px;
background-color: #FFCC00;
}
/************* Fusszeile**************/
#siteInfo{
float: left;
width: 100%;
background-color: #666666;
}
Meine Fragen dazu:
Wie füge ich den gewünschten Hintergrund ein?
Wie bringe ich die Seite mittig angeordnet?
Danke für Eure Hilfe.
Maggie
Hallo,
CSS ist logisch.
Du legst einfach nocht einen DIV um alle Elemente.
Dem DIV gibst du eine ID.
In deiner CSSDatei gibst du dann an:
div#ID { margin:10px auto; } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/
und dann notierst du in der CSS Datei:
body { background-color:black; }
CSS ist SEHR logisch.
MfG
div#ID { margin:10px auto; } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/
Hallo, ich habe die Änderung vorgenommen.
oben und unten funktioniert es nur rechts und links noch nicht.
???
#wrap{
margin:10px auto;
}
Hallo
div#ID { margin:10px auto; } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/
Hallo, ich habe die Änderung vorgenommen.
oben und unten funktioniert es nur rechts und links noch nicht.
???
#wrap{
margin:10px auto;
}
Du testest mit dem MSIE (unter Version 7)? Dann kann das nicht klappen. Unter http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig findest du die Lösung, falls es dieses Problem sein sollte. Arbeite das Beispiel durch, in der dritten Ausbaustufe wird ein Workaround für die oben genannten IEs gezeigt.
Es lohnt sich aber, den ganzen Beitrag zu studieren.
Tschö, Auge
Hallo
div#ID { margin:10px auto; } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/
#wrap{
margin:10px auto;
}
Du testest mit dem MSIE (unter Version 7)? Dann kann das nicht klappen.
Nein, kein Abstand li. und re. ist z.B. bei Opera.
Liegt es wohl daran, dass
#masthead width: 100%;
#siteInfo width: 100%;
haben. Aber mit der Einstellung 90% funktioniert es auch nicht.
Hat jemand eine Lösung?
Gruß, Maggie
Hallo!
Gebe einen Wert für die Hintergrundfarbe von <body> bzw. <html> an.
ciao, ww