Beste SD'ers
Ik zit met een heel klein probleempje.
Als ik mijn pagina draai word er bij de content een balk aan de linker en boven kant geplaatst. Hij zet de uilijning dus niet tegen de top en links.
Dit is mijn css code:
body
{
width: 100%;
height: 100%;
background-color:#F5F5F5;
}
/* Hier staat alles in*/
#content
{
background-image:url('Images/Background.png');
background-repeat:repeat-x ;
height: 800px;
width: 100%;
}
mijn default pagina code is:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="Style.css" rel="stylesheet" type="text/css" />
<title>MTBonderhoud.nl | Dé mountainbike site van Nederland</title>
</head>
<body>
<div id="content" class="content">
</div>
</body>
</html>
resultaat: bijlage
Het is denk ik een klein probleem, maar ik kom er niet aan uit
Bij voorbaat dank
Tom Giesbergen
-
27-10-2010, 11:00 #1
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Css probleempje
-
-
27-10-2010, 11:08 #2
Particulier
- Berichten
- 315
- Lid sinds
- 15 Jaar
Re: Css probleempje
Margin: 0px;
bij body neerzetten.
-
27-10-2010, 11:10 #3
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: Css probleempje
Heel erg bedankt, ik wist niet dat het zo makkelijk was ...
Is gelukt, kan een slotje op
-
27-10-2010, 11:12 #4
Particulier
- Berichten
- 315
- Lid sinds
- 15 Jaar
Re: Css probleempje
Als je trouwens het content wilt laten centreren, dan moet je background-image en repeat verplaatsen naar body. en zet je bij content margin: 0px, auto; neer.
Die width: 100%; moet je dan natuurlijk wel even veranderen naar een absoluut getal in px.Laatst aangepast door Leone H. : 27-10-2010 om 11:31
-
27-10-2010, 12:13 #5
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: Css probleempje
Dat wist ik al, echter heb ik nog een ander vraag,
hoe kan ik de afbeelding over de volle hoogte maken, want als ik heigt: 100% doe, dan laat hij niks zien, wwant ik wil niet dat je een scrolbar krijgt vanwege de afbeelding
-
27-10-2010, 12:25 #6
Particulier
- Berichten
- 315
- Lid sinds
- 15 Jaar
Re: Css probleempje
http://css-tricks.com/how-to-resizea...kground-image/
Mag ik je er trouwens op wijzen dat je met css3 ook zo'n achtergrond kan maken.
Waardoor je geen afbeeldingen meer hoeft te gebruiken.
http://css-tricks.com/examples/CSS3Gradient/Laatst aangepast door Leone H. : 27-10-2010 om 12:31
-
27-10-2010, 12:33 #7
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: Css probleempje
Heel erg bedankt Leone,
Dat wist ik niet eens, als het geen afbeelding meer word, laat de pagina toch ook sneller?
echter is het me nog niet gelukt om de afbeelding te resicen, ik wilde het met de laatst manier doen zoals aangegeven.Laatst aangepast door Tom giesbergen : 27-10-2010 om 12:58
-
27-10-2010, 13:04 #8
Particulier
- Berichten
- 240
- Lid sinds
- 15 Jaar
Re: Css probleempje
Je moet sowieso een afbeelding gebruiken voor de browsers die nog niet volle CSS3 support hebben, anders valt hij bij die browsers terug op (waarschijnlijk) een witte achtergrond.
Origineel gepost door Leone H.
