Forsiden er ikke central
HejJeg har lavet vores forside i css: www.xxxxx.dk
Mit problem er dog er jeg kun har kunne finde ud af at placere boksene absolute, hvis jeg skal have dem til at stå, som de ca. står nu. Problemet er nu at de står ikke centralt på siden og de ville jeg gerne. Er der nogen der kan hjælpe med det? css koden er:
a {
text-decoration:none;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
background-color: #FFFFFF;
}
a:hover {
color: #000000;
}
img {
border: 0px;
}
body {
background-color: #E8E9F9;
font-family: verdana, arial, sans-serif, "Times New Roman";
font-size: 100%;
color: #000000;
margin-top: 0px;
text-align: center;
scrollbar-3dlight-color: #E8E9F9;
scrollbar-arrow-color: #E8E9F9;
scrollbar-base-color: #E8E9F9;
scrollbar-darkshadow-color: #E8E9F9;
scrollbar-face-color: #E8E9F9;
scrollbar-highlight-color: #E8E9F9;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #E8E9F9;
}
p {
font-size:80%;
}
.boks {
font-weight: bold;
font-size:90%;
padding-top:20px;
position:absolute;
top: 10%;
left: 60%;
height: 100px;
width: 500px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
}
.porto {
position:absolute;
font-size:70%;
top: 10px;
left: 30px;
}
.boks1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
padding-top:0px;
padding-bottom:0px;
position:absolute;
top: 35px;
left: 5px;
height: 320px;
width: 300px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame1 {
position:relative;
top: 30px;
}
.boks2 {
padding-top:0px;
position:absolute;
top: 35px;
left: 320px;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame2 {
position:relative;
top: 15px;
}
.boks3 {
padding-top:1px;
position:absolute;
top: 205px;
left: 320px;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame3 {
position:relative;
top: 5px;
}
.boks4 {
padding-top:0px;
position:absolute;
top: 35px;
left: 485px;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame4 {
position:relative;
top: 5px;
}
.boks5 {
padding-top:2px;
position:absolute;
top: 205px;
left: 485px;
height: 150px;
width: 150px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame5 {
position:relative;
top: 5px;
}
.nyhed {
position:absolute;
top: 370px;
left: 190px;
font-size:100%;
font-weight: bold;
}
.boks6 {
padding-top:0px;
position:absolute;
top: 395px;
left: 5px;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame6 {
position:relative;
top: 5px;
}
.boks7 {
padding-top:0px;
position:absolute;
top: 395px;
left: 220px;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame7 {
position:relative;
top: 5px;
}
.boks8 {
padding-top:0px;
position:absolute;
top: 395px;
left: 435px;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame8 {
position:relative;
top: 5px;
}
.boks9 {
padding-top:0px;
position:absolute;
top: 585px;
left: 5px;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame9 {
position:relative;
top: 15px;
}
.boks10 {
padding-top:0px;
position:absolute;
top: 585px;
left: 220px;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame10 {
position:relative;
top: 45px;
}
.boks11 {
padding-top:0px;
position:absolute;
top: 585px;
left: 435px;
height: 150px;
width: 200px;
border: 3px solid black;
border-width: thin;
border-style: double;
border-color: #BDBCCC;
background: white;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#reklame11 {
position:relative;
top: 45px;
}
.reklame {
position:absolute;
top: 775px;
left: 70px;
filter: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=10,offY=10,positive=true);
}
#tekst
{
position: absolute;
top:5px;
left:px
z-index:5
font-family: Porky's, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 50%;
color: #000;
letter-spacing: 2px;
}
