Hey Leute also stehe grade vor dem Problem, das ich ein Hintergrundbild an die Bildschirmauflösung anpassen möchte. Habe das Bild in einer Auflösung von 2560x1600 vorliegen. Muß mir also nicht wirklich Gedanken darum machen, das es zu pixelig werden könnte.
Aber wie bekomme ich es jetzt hin, das es immer automatisch an die Bildschirmauflösung angepaßt wird?
hir meine style.css
@charset "utf-8";
/* CSS Document */
body {
background-color: #333333;
background-image: url('Bilder/DDvX_bg.jpg') ;
background-attachment:fixed;
background-position: 50% 0%;
background-repeat:no-repeat;
margin:0;
padding:0;
}
td
{
font-family: Verdana;
font-size: 12px;
color: #FFF;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
color: #3CF;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
}
a.
{
color: #666;
}
a:hover
{
text-decoration: none;
}
a.box
{
color: #3CF;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a.box:hover
{
text-decoration: none;
color: #39F;
}
.Chead
{
background: #333;
color: #111;
}
.Chead a
{
color: #3CF;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
background: #16639b;
color: #9dbdd4;
}
.Callg
{
background-color: #EFEFEF;
color: #FFF;
}
.Callg td
{
color: #000000;
}
.Cnorm
{
background-color: #666;
}
.Cmite
{
background-color: #999;
}
.Cdark
{
background-color: #222;
}
.rand
{
border: solid #222 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
background-color: #CCC;
}
hr
{
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #000000;
font: 12px Verdana;
border-color: #185685;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #EFEFEF;
}
verwendete ilch Version: 1.1 P
betroffene Homepage: sekclan.de/index.php
Edit: in die BBCode Code funktion gepackt
Zuletzt modifiziert von Siggi am 04.07.2014 - 20:09:10
Zitat geschrieben von Billyrex