aboutbeerschot
Gebruiker
- Lid geworden
- 6 apr 2010
- Berichten
- 9
Hey, ik ben iemand die nog niet zo lang bezig is met het programmeren van sites vandaar dat ik op dit forum jullie hulp kom vragen. 
Momenteel heb ik een site: http://www.aboutbeerschot.be/
maar ik was van plan om deze te verbreden en aan de rechterkant een kolom toe te voegen, iets wat ik hier heb gedaan: http://www.aboutbeerschot.be/verbreedv1/
Nu is mijn probleem zoals je wellicht wel ziet dat mijn tekst in mijn rechter kolom mee verschuift en niet boven in zijn kolom staat, afhankelijk van de tekst in mijn center-stuk, nu is mijn vraag... hoe komt dat? Wat moet ik aanpassen om mijn tekst vanboven te zien verschuiven?
Ik vermoed dat dit een css-probleem is, vandaar dat ik hem hieronder heb gepost.
Alvast bedankt!
Momenteel heb ik een site: http://www.aboutbeerschot.be/
maar ik was van plan om deze te verbreden en aan de rechterkant een kolom toe te voegen, iets wat ik hier heb gedaan: http://www.aboutbeerschot.be/verbreedv1/
Nu is mijn probleem zoals je wellicht wel ziet dat mijn tekst in mijn rechter kolom mee verschuift en niet boven in zijn kolom staat, afhankelijk van de tekst in mijn center-stuk, nu is mijn vraag... hoe komt dat? Wat moet ik aanpassen om mijn tekst vanboven te zien verschuiven?
Ik vermoed dat dit een css-probleem is, vandaar dat ik hem hieronder heb gepost.
Alvast bedankt!
Code:
html {
background: #33014f;
margin:0 0 0 -1px;
padding:0;
overflow-Y: scroll;
}
body {
padding:0;
margin :0;
display:table;
width:100%;
}
body {
color:#d0d0d0;
font-family: 'Trebuchet MS', sans-serif ;
font-size: 13px;
font-style: normal ;
font-weight: normal ;
text-transform: normal;
}
p {
letter-spacing: normal ;
line-height: 1.7em ;
}
h1 {
color:#7f458c;
font-size:22px ;
margin:25px 0 10px 0;
clear:both;
}
h2 {
color:#7f458c;
font-size:20px ;
margin:20px 0 10px 0;
clear:both;
}
h3 {
color:#7f458c;
font-size:18px;
margin:20px 0 5px 0;
clear:both;
}
a:link, a:visited {
color:#7f458c ;
text-decoration:none;
}
a:hover {
color:#ffffff;
text-decoration:underline;
}
#wrapper {
background: transparent url( images/page-vbg.jpg ) repeat-y scroll 50% 0px ;
margin:0 auto ;
width:100%;
}
body {
background-color:#33014f;
}
#wrapper {
border-top: 1px solid #653381;
}
#bg {
margin:0 auto;
padding:0;
background:transparent ;
background-image: url( images/hat.jpg ) ;
background-repeat:no-repeat;
background-position: center top ;
}
#header {
margin: 0 auto;
min-height:40px;
height: 40px;
width: 950px;
}
#page {
background: transparent url( images/page-bg.jpg ) no-repeat center top;
}
#container {
margin:0 auto;
width:950px;
}
#banner {
margin: 0 auto;
height:210px;
width:100%;
}
#content {
width:950px;
margin:0 auto ;
text-align:left;
min-height:800px;
}
#content p {
text-align:justify;
}
#footerWrapper {
margin:0 auto;
height:160px;
padding:0;
background:transparent url( images/footerWrapper-bg.jpg ) no-repeat scroll center top ;
}
#footer {
margin:0 auto;
padding:0;
width:950px;
height:80px;
}
#footer {
text-align:center;
}
#left {
width:120px;
padding:20px 20px 20px 20px;
float:left;
}
#center {
width:620px;
padding:10px 20px 20px 20px ;
float:left;
}
#right {
width:120px;
padding:20px 20px 20px 20px;
float:right;
}
#content p {
margin-top:10px;
text-align:justify;
}
#sidebar ul.vmenu {
list-style: none;
text-align: left;
margin: 7px 0px 8px 0px;
padding: 0;
text-decoration: none;
border-top: 1px solid #410156;
}
#sidebar ul.vmenu li {
list-style: none;
padding: 4px 0 4px 0px;
margin: 0 2px;
border-bottom: 1px solid #410156;
}
#sidebar ul.vmenu li a {
text-decoration: none;
color:#ffffff;
}
#sidebar ul.vmenu li a:hover {
color:#FFFFFF;
}
#sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.vmenu ul li { border: none; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
