css - design
Jeg har prøvet at lege med at sætte en hjemmeside siden op i css, frem for tabeller som jo er lidt gammeldags :)I css definerer jeg et baggrundsbillede og efterfølgende indsætter jeg i mine divs noget grafik, som jeg får til at passe med margin-top osv i css til den opløsning jeg kører.
Problemet er at hvis jeg ændrer opløsningen, så flytter det grafik sig rundt og ryger uden for det baggrundsbillede.
Hvordan kan jeg bibeholde det således at uanset opløsning så holder baggrundsbillede og de grafik elementer sig i forhold til hinanden.
Her er min html
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>content template</title>
</head>
<body bgcolor="#000000">
<div id="nyhedboks">nyhedboks</div>
<div id="nyheder">nyheder</div>
</html>
og her min css
body {
background-repeat:no-repeat;
background-image:url('../grafik/baggrund.jpg');
background-color: #000000;
z-index:-10;
background-position:center top;
position: absolute;
}
#nyhedboks{
background-image:url('../grafik/senestenyt.jpg');
background-repeat:no-repeat;
Margin-top: 25px;
margin-left: 128px;
margin-right:300px;
width: 160px;
height: 35px;
position:absolute;
z-index:1;
}
#nyheder{
background-image:url('../grafik/nyhed.jpg');
background-repeat:no-repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
Margin-top: 70px;
margin-left: 128px;
margin-right:300px;
width: 633px;
height: 328px;
position:absolute;
}
Nogen der kan forklare mig hvorfor det går galt?
