Ich möchte den Innenabstand vom <div>-Element zum Text beeinflussen, denk ich mir Logo, mitm Padding. Merkwürdigerweise wird das ganze Block Element dadurch aber größer, obwohl ich eine fest Größe zugewiesen habe. Wieso?!
Hier mal der Code, is noch recht übersichtlich:
HTML
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Haunted Germany - Die deutsche Website für Halloween Fans!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="1 week">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="content-language" content="de">
<link rel="stylesheet" href="css/splash.css" type="text/css" media="screen">
</head>
<body>
<div id="welcome">
Haunted Germany
befindet sich zur Zeit im Umbau und bereitet sich auf die Halloween Saison 2008 vor.
Genießt den Sommer, die unheimliche Jahreszeit kommt schneller als man denkt!</p></div>
<div id="countdown">
<script type="text/javascript">
var eventdate = new Date("November 01, 2008 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
document.write(count);
</script>
</div>
<div id="news">News</div>
<div id="links">Direkt zu<ul>[*][url='http://www.hauntedgermany.de/board/']Forum[/url][*][url='http://www.hauntedgermany.de/gallery/']Bildergalerie[/url][/list]</div>
</body>
</html>CSS:
Code
body {
background: #000;
color: #fff;
font-family: georgia, times, serif;
margin: 80px 0px 40px 60px;
}
h1 {
font-weight: normal;
font-size: 20pt;
color: 9d0a0e;
margin: 0;
}
#welcome {
background: url(../img/bg_welcome.gif) no-repeat;
width: 600px;
height: 220px;
font-size: 14pt;
position: absolute;
padding: 20px 40px 20px 40px;
display: block;
}
#countdown {
background: url(../img/bg_countdown.gif) no-repeat;
width: 320px;
height: 220px;
position: absolute;
left: 680px;
padding: 85px 0px 0px 100px;
font-weight: bold;
font-size: 34pt;
color: 9d0a0e;
display: block;
}
#news {
background: url(../img/bg_news.gif) no-repeat;
width: 600px;
height: 350px;
position: absolute;
top: 320px;
display: block;
}
#links {
background: url(../img/bg_links.gif) no-repeat;
width: 320px;
height: 120px;
position: absolute;
top: 320;
left: 680px;
display: block;
}