[CSS] Content in het midden

Gestart doorEwan3 reacties54 weergaven

4 berichten · pagina 1 van 1

Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hey,

Op http://www.ewanoomen.nl/ lukt het me niet op het content in het midden te krijgen.

CSS:

body {
background-image: url(http://www.ewanoomen.nl/images/background.png);
background-color: #F0F2F2
font-family: "Helvetica", arial;
font-size: 12px;
margin: 0px auto;
padding: 0;
}
 
div#menu {
background: url(http://www.ewanoomen.nl/images/menu.png);
width: 100%;
height: 40px;
font-family: "Helvetica", arial;
font-size: 13px;
color: #FFFFFF;
 
text-align: center;
line-height: 40px;
}
 
div#balkjes {
background: url(http://www.ewanoomen.nl/images/balkjes.png);
width: 100%;
height: 100px;
 
}
 
#balkjes h1 {
       font-size:50px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
        margin-left: 225px;
        margin-top: 20px;
        position: absolute;
}

#balkjes h2 {
       font-size:0px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
        margin-left: 900px;
        margin-top: 0px;
        position: absolute;
}

#balkjes h3 {
       font-size:0px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
        margin-left: 1000px;
        margin-top: 0px;
        position: absolute;
}

#menu a {
       font-size:12px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
}
 
#menu a:hover {
    font-family: Verdana;
    font-size:14px;     
    color:#FFFFFF; 
}
h1 {
font-size: 30px;
}
 
 
div#content {
background-color: #FFFFFF;
width: 750px;
height: auto;
margin-left: 0px;
margin-right: 0px;
font-family: Verdana;
text-size: 10px;
color: #000000; 
 
border-left: 1px solid #1B1B1B;
border-right: 1px solid #1B1B1B;
border-bottom: 2px solid #1B1B1B;
 
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
 
float: left;
}
 
 
div#content2 {
margin-bottom: 5px;
background-color: #FFFFFF;
width: 300px;
height: auto;
padding: 10px;
font-family: Verdana;
text-size: 10px;
color: #000000;
margin: 0 auto;
margin-right: 130px;
border-left: 1px solid #1B1B1B;
border-right: 1px solid #1B1B1B;
border-bottom: 2px solid #1B1B1B;
 
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
 
 
float: right;
}


Alvast bedankt!

Groetje,
Ewan
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Probleem opgelost!

Ik moest float:left; veranderen in float:center;

Slotje aub.
0
Berichten
994
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
margin: 0 auto;
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het is opgelost, lees mijn tweede post.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren