JeroenHulshof
Gebruiker
- Lid geworden
- 13 dec 2012
- Berichten
- 43
Hallo,
Ik zit nu al weken met het zelfde probleem.
Ik wil een background maken via divs. Boven in wil ik rood, in het midden zwart en onderin grijs. Het punt is, ik heb de bovenkant nu nog zwart omdat ik er mee aan het "rotzooien" ben. Hier is dus het probleem:
Als ik op mijn 13" MacBook de width, height, margin etc allemaal goed heb staan zodat het op mijn scherm goed lijkt, vervolgens kijk ik op het scherm van een vriend van mij, en dan zie ik dat ik veel meer ruimte aan de rechterkant heb, terwijl er op mijn scherm helemaal geen ruimte is.
Ik hoop dat jullie mij hiermee kunnen helpen.
HTML code:
CSS:
URL voor het voorbeeld: http://www.jeroenhulshof.nl/test
Alvast bedankt,
Jeroen Hulshof.
Ik zit nu al weken met het zelfde probleem.
Ik wil een background maken via divs. Boven in wil ik rood, in het midden zwart en onderin grijs. Het punt is, ik heb de bovenkant nu nog zwart omdat ik er mee aan het "rotzooien" ben. Hier is dus het probleem:
Als ik op mijn 13" MacBook de width, height, margin etc allemaal goed heb staan zodat het op mijn scherm goed lijkt, vervolgens kijk ik op het scherm van een vriend van mij, en dan zie ik dat ik veel meer ruimte aan de rechterkant heb, terwijl er op mijn scherm helemaal geen ruimte is.
Ik hoop dat jullie mij hiermee kunnen helpen.
HTML code:
Code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="./assets/styles/normalize.min.css">
<link rel="stylesheet" href="./assets/styles/main.css">
</head>
<body>
<div id="container">
<div id="header">
<p>Hey</p>
</div>
</div>
</body>
</html>
CSS:
Code:
@charset "UTF-8";
/* CSS Document */
body{
font-family: verdana;
margin: 0px auto;
position: relative;
}
#container{
width: 1269px;
height: 800px;
margin-right: -10px;
border: 5px solid #FFFFFF;
background-color: #FFFFFF;
margin: 0px auto;
}
#header{
width: 1325px;
height: 228px;
margin-left: -50px;
margin-top: -21px;
background-color: #000000;
}
URL voor het voorbeeld: http://www.jeroenhulshof.nl/test
Alvast bedankt,
Jeroen Hulshof.