Hej
Jeg er igang med at redesigne min hjemmeside, så den bedre udstråler mine evner, men jeg er løbet ind i et lille, men irriterende problem.
ScreenshotSom I kan se overlapper mit høje billede sidens bund, men det er meningen at det hele skal flytte sig afhængig af hvor meget indhold der er på siden.
Min CSS ser således ud:
- /***Global*****/
- body {
- font-family: Arial;
- font-size: 12px;
- }
- h1 {
- text-align: center;
- }
- /***Global Off******/
- /****DIV***********/
- #container {
- margin: auto;
- width: 1000px;
- background-color: #CCC;
- z-index: 4;
- }
- #wrapper {
- background-color: #CCC;
- padding-top: 20px;
- padding-left: 10px;
- padding-right: 5px;
- width: 65%;
- z-index: 3;
- }
- #ref {
- width: 30%;
- float: right;
- text-align: right;
- padding-right: 5px;
- padding-top: 35px;
- z-index: 2;
- }
- /*****DIV Off******/
- /****Footer****/
- #footer {
- border-top: #000;
- border-top-style: solid;
- background-color: #FFF;
- z-index: 1;
- float: end;
- }
- /***End of CSS***/
Min index.php, som I ser på mit screenshot ser således ud:
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="keywords" content="hjemmeside, html, html5, php, css, cms, wcm, support, mail, server, open-source, opensource, open source, webserver"/>
- <meta name="description" content="Skal du have lavet en hjemmeside eller skal der foretages andet web-relateret arbejde på dit site? Som freelancer kan jeg tilbyde professionel kvalitet og service til meget konkurrencedygtige priser"/>
- <title>Webprogrammering/Webdesign - Hjælp og Support - KHIT</title>
- <link href="style/style.css" rel="stylesheet" type="text/css" />
- <style media="all" type="text/css">@import "menu/menu_style.css";</style>
- <!--[if IE]>
- <style media="all" type="text/css">@import "menu/ie.css";</style>
- <![endif]-->
- </head>
- <body>
- <div id="container">
- <div class="nav"><?php include 'inc/menu.php'; ?></div>
- <div id="ref"><a href="referencer.php"><img src="images/web/web.png" /></a></div>
- <div id="wrapper">
- <h1>Velkommen</h1>
- <h2>Webløsninger</h2>
- <p>Har du en idé til en hjemmeside, er der fejl på din side som du ønsker rettet?
- <br/>Leder du efter en freelance webdesigner der laver webløsninger for både store og små virksomheder, samt privatpersoner?</p>
- <p>Jeg arbejder freelance og derfor leverer jeg altid konkurrencedygtige priser, direkte og hurtig kommunikation mellem dig som kunde og mig</p>
- <p>Netop det at jeg er freelance betyder at du som kunde ikke skal igennem en eller anden langvarrig samtale med en medarbejder i kundeservice, fordi kundeservice-personale <u>ikke</u> eksisterer hos freelancere.</p>
- <p>Det kan godt være at jeg som freelancer ikke arbejder hos et firma, men det har ingen betydning for kavliteten af mine produkter.<br />Jeg leverer samme professionelle kvalitet og service som man kan forvente af en virksomhed.<br/>Dertil arbejder jeg til en meget fordelagtig pris og betaling for mit arbejde fastlægges individuelt pr. kunde.</p>
- <p>Lyder det jeg har fortalt som noget for <b>DIG</b>, så tøv ikke med at kontakte mig!</p>
- </div>
- <div id="footer"><?php include 'inc/footer.php'; ?></div>
- </div>
- </body>
- </html>
Jeg mener selv at jeg opstillet det hele korrekt, men det er åbenbart ikke tilfældet, hvis den laver det den gør.