Noch nicht viel geschrieben
Hallo Leute,
ich habe ein Problem bei meiner CSS und ich hoffe ihr könnt mir dabei helfen.
Folgendes, ich habe das Design zuerst in Photophop erstellt, geslict und dann im DW die CSS erstellt so wie ich die Bilder vom PS habe. War zwar ein bißchen langwierig, aber ging.
Nun kam folgendes noch dazu das ich die Seite mittig ausrichten will. Da es ja auch Leute mit kleinen und großen Bildschirmen gibt.
Und da liegt mein Problem, da ich ja in der CSS den einzelnen Teilen eine absolute Position gegeben habe.... sonst fliegt mir mein Layout auseinander. Ich kann zwar ein bißchen CSS aber nicht so gut das ich das jetzt hinkriege.
Hier ist mal der Code der CSS:
Kann mir bitte jemand auf die Sprünge helfen? Ich sitze schon seit Tagen an diesem Problem fest....
LG Lilith
ich habe ein Problem bei meiner CSS und ich hoffe ihr könnt mir dabei helfen.
Folgendes, ich habe das Design zuerst in Photophop erstellt, geslict und dann im DW die CSS erstellt so wie ich die Bilder vom PS habe. War zwar ein bißchen langwierig, aber ging.
Nun kam folgendes noch dazu das ich die Seite mittig ausrichten will. Da es ja auch Leute mit kleinen und großen Bildschirmen gibt.
Und da liegt mein Problem, da ich ja in der CSS den einzelnen Teilen eine absolute Position gegeben habe.... sonst fliegt mir mein Layout auseinander. Ich kann zwar ein bißchen CSS aber nicht so gut das ich das jetzt hinkriege.
Hier ist mal der Code der CSS:
Code:
.text {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 25px;
}
.text1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-align: center;
}
#links {
height: 868px;
width: 30px;
top: 0px;
background-image: url(images/lineli1.jpg);
left: 212px;
position: absolute;
}
.disclaimer {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
font-style: normal;
padding-top: 15px;
padding-right: 15px;
padding-left: 25px;
}
#banner {
position: absolute;
height: 251px;
width: 839px;
left: 242px;
top: -1px;
background-image: url(images/banner-copperblade.jpg);
}
#unten-g {
position: absolute;
height: 9px;
width: 841px;
left: 242px;
top: 859px;
background-color: #FFF;
}
#rechts {
position: absolute;
height: 869px;
width: 30px;
left: 1082px;
top: 0px;
background-image: url(images/linere1.jpg);
}
#navi {
position: absolute;
height: 150px;
width: 841px;
left: 241px;
top: 250px;
}
#unten-w {
position: absolute;
height: 29px;
width: 725px;
left: 243px;
top: 829px;
}
#navi2 {
position: absolute;
height: 26px;
width: 116px;
left: 970px;
top: 830px;
background-image: url(images/impressum.jpg);
}
#content {
position: absolute;
height: 425px;
width: 841px;
left: 242px;
top: 402px;
background-image: url(images/content_bg.jpg);
}
LG Lilith