Så fik jeg dælme et problem mere som jeg ikke kan løse, jeg har siddet i lang tid nu og kigget på det men jeg kan bare ikke se hvor jeg har lavet fejl henne.
Jeg er ved at lave en helt simpel side bygget ud af HTML, PHP og lidt MySQL database senere hen også.
Men problemet er at jeg har det hele samlet i en div (site_div), men alle de koder og tags jeg skriver inde i denne div bliver vist udenfor den.
I kan måske bedre se det på min hjemmeside: http://www.andersengamer.dk/index.php
Den øverste grønne boks/streg er min hoved div (site_div), og den boks der er nedenunder er en article (article_welcome) som ligger inde i den div, og så vidt jeg kan se i min browser er det i hvert fald ikke tilfældet.
Min kode ser således ud.
HTML kode:
Kode: Vælg alt
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>AndersenGamer - Forside</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="site_div"> <!--Hoved div start-->
<header id="header"></header>
<nav id="nav"> <!--Navigationsbar start-->
<ul>
<li><a class="nav_links" href="index.php">Forside</a></li>
<li><a class="nav_links" href="#">Videoer</a></li>
</ul>
</nav> <!--Navigationsbar slut-->
<section id="site_section">
<article class="article_welcome"></article>
</section>
</div> <!--Hoved div slut-->
</body>
</html>Kode: Vælg alt
body {
background: #dcd7d7 url(images/AndersenGamerBackground.png) repeat-x;
text-align: center;
font-size: 13px;
font-family: Arial;
}
#site_div {
width: 1000px;
margin: auto;
text-align: left;
border: 1px solid #51970c;
}
#header {
}
#nav {
padding: 7px 0px 0px 10px;
position: absolute;
top: 100px;
}
#nav li {
display: inline-block;
list-style: none;
padding-right: 25px;
}
a.nav_links {
color: white;
font-family: Century Gothic;
font-size: 16px;
font-weight: bold;
text-shadow: 0 1px 0 #000000;
text-decoration: none;
}
a.nav_links:hover {
color: lightskyblue;
font-family: Century Gothic;
font-size: 16px;
font-weight: bold;
text-shadow: 0 1px 0 #000000;
text-decoration: none;
}
#site_section {
float: left;
width: 735px;
margin: 25px 0px 10px 0px;
}
article {
background: white;
border: 1px solid #51970c;
padding: 10px;
margin-bottom: 15px;
}
.article_welcome {
padding: 10px;
background: #1f1e1e;
color: white;
}
??