Goedenavond,
Zou iemand me kunnen helpen met mijn layout?
De layout waar het over gaat is te vinden op dit adres:
www.onehosted.nl/qago
Zoals jullie daar misschien wel zien zit er een gat in het contentvak. Ik zou graag willen weten hoe dit komt, en hoop dat jullie me daar bij kunnen helpen.
De bestanden zijn hier te vinden:
www.onehosted.nl/qago/qago.rar
index.html
CssCode:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Qago.nl - Webdevelopment | Binnenkort online!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <br> <div id="container"> <div class="head_houder"> <div class="logo"><span class="style1">Momenteel zijn we bezig met het bouwen van de website!</span> <div class="lijn1"></div></div> </div> <div class="content_top"><div class="tekst_top">Qago.nl - Webdevelopment | Binnenkort online!</div></div> <div class="content_mid"><div class="tekst">Zoals u kunt zien is de website van Qago nog niet online. We hopen wel deze zo snel mogelijk af te hebben zodat u een kijkje kunt nemen op onze portfolio.<br><br>Ook ziet u, in het vak hieronder, een statusbalk, deze geeft aan hoever wij met de site zijn. Als deze balk eenmaal de 100% bereikt betekend dit dat we de website volledig hebben afgerond.<br><br>Voor vragen kunt u natuurlijk altijd mailen:<br>josvm37@msn.com<br><br>We hopen u hier spoedig weer te zien.<br><br>Met vriendelijke groet,<br><br>~ Qago.nl - Webdevelopment</div></div> <div class="content_bottom"></div> <br /> <br /> <div class="lijn2"><span class="style1">Vragen? Mail naar josvm37@msn.com.</span> </div> <br /> <br /> </div> <div id="footer"><div class="footer"></div></div> </body> </html>
Oja, deze layout is niet door mezelf gebased, dit doe ik normaliter wel alleen had ik het nu toevallig druk met een paar scriptopdrachten.Code:body,html { background-image: url(images/background.png); padding:0; margin:0; height: 100%; } #container { position: relative; min-height: 100%; height:100%; } .logo { background-image: url(images/logo.png); height: 62px; width: 662px; padding-left:388px; padding-top:31px; background-repeat:no-repeat; } .lijn1 { background-image: url(images/lijn1.png); height: 8px; width: 416px; background-repeat:no-repeat; } .style1 { font-size: 18px; color: #4D6976; }.content_top { background-image: url(images/content_top.png); height: 27px; width: 801px; margin-left: auto; margin-right: auto; } .content_mid { background-image: url(images/content_mid.png); width: 781px; padding: 10px; margin-left: auto; margin-right: auto; background-repeat:no-repeat; } .tekst { padding-left:15px; } .tekst_top { padding-top:5px; padding-left:15px; color: #d01818; font-size: 18px; font-family: calibri; font-weight: bold; } .content_bottom { background-image: url(images/content_bottom.png); height: 20px; width: 801px; margin-left: auto; margin-right: auto; } .lijn2 { background-image: url(images/lijn2.png); height: 8px; width: 802px; margin-left: auto; margin-right: auto; padding-top:5px; background-repeat:no-repeat; } .head_houder { width:800px; margin-left: auto; margin-right: auto; } #footer { bottom: 160; margin-left: auto; margin-right: auto; } .footer { background-image: url(images/footer.png); height: 160px; width: 1000px; margin-left: auto; margin-right: auto; }
Alvast bedankt allemaal!
Gr.
Joa
-
19-11-2010, 21:53 #1
Particulier
- Berichten
- 943
- Lid sinds
- 15 Jaar
[CSS] Probleempje
-
In de schijnwerper
-
19-11-2010, 22:09 #2
Particulier
- Berichten
- 632
- Lid sinds
- 19 Jaar
Re: [CSS] Probleempje
Maak van .content_mid
{
background-repeat: no-repeat;
}
-->
background-repeat: repeat-y;
