Hallo,

Ik heb een probleempje, ik had een site gemaakt, maar toen ik sidebars wou maken, ging het helemaal de mist in, daarom heb ik de orginele site nog wel normaal draaien, maar ook gelijk een test site aangemaakt, om dingen te testen of het er op wil of niet.

Die site is: starq(.)netai.net/

Daar kan je zien dat de sidebar van mollie niet helemaal goed zit.

Waar o waar zit die fout?

Code:

{
    margin:0px;
    padding:0px;
}
body
{
    background:#e2f6ff url('images/background.gif') center top no-repeat;
    padding-left:10%;
    padding-right:10%;
    font-family:Arial, Geneva, sans-serif;
}
a
{
    text-decoration:none;
    color:#333333;
}
a:hover
{
    color:#000000;
}
img, table, tr, td
{
    border:0px;
}
.clean
{
    clear:both;
}
label
{
    display:inline-block;
    width:120px;
    vertical-align:baseline;
    text-align:left;
}
table
{
    padding:10px;
}
/*****************************************************/
/****Blocks****/
.header
{
    margin:auto;
    margin-top:10px;
    padding:15px;
    background:url('images/bluec_30p.png');
    width:70%;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    text-align:center;
}
.foot
{
    text-align:center;
    background:url('images/bluec_30p.png');
    width:60%;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    margin:auto;
    padding:10px;
    margin-top:20px;
}
.content
{
    text-align:center;
    background:url('images/bluec_30p.png');
    width:65%;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    margin:auto;
    padding:20px;
    margin-top:20px;

}
.linkpartner
{
    text-align:center;
    background:url('images/bluec_30p.png');
    width:65%;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    margin:auto;
    padding:20px;
        margin-top:20px;
        margin-bottom:20px;

}
.advert
{
    text-align:center;
    width:20%;
    height:20%; 
        -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    margin:auto;
    padding-left:20px;

Ten eerste zou ik al niet werken met vaste waarden en % door elkaar.
Uw sidebar(advertentie) is 120px breed en u tabel van topsite 100%.
Daarnaarst moet je uw sidebar de css eigenschap float:left meegeven zodat er nog iets naast kan komen te staan.
Hetzelfde voor de content.
Ik zou dan de content een 80% breedte geven ipv 100%. zodat deze naast de sidebar kan staan.

De content is 65% bedoelt u niet wat anders?

U gebruikt nergens in uw html de class content.
Ik verwees naar de tabel met class topsite.
Als u die samen met de tabel waar uw advertentie in staat (denk dat dit door mollie gemaakt wordt want zie dit niet in uw html staan maar wel bij develepor tools van chrome) een float:left meegeeft staan ze naast elkaar.

Origineel gepost door Thomas De Jonghe

U gebruikt nergens in uw html de class content.
Ik verwees naar de tabel met class topsite.
Als u die samen met de tabel waar uw advertentie in staat (denk dat dit door mollie gemaakt wordt want zie dit niet in uw html staan maar wel bij develepor tools van chrome) een float:left meegeeft staan ze naast elkaar.

Het werkt niet, als ik u de css toe stuur, zou u dan misschien het foutje kunnen vinden?

Het lastige is dat er een tabel aangemaakt wordt waar de float op gezet moet worden, maar ik vind nergens hoe deze tabel tot stand komt.
Misschien kan je beter iemand anders vragen met meer tijd en ervaring.
Want ik zit momenteel in mijn examens dus ik kan daar niet veel tijd voor vrij maken.

Oké hartstikke bedankt!

Andere mensen met suggesties?
Wie het maakt mag een week gratis in de sidebar staan.

Mijn suggestie: begin opnieuw en zet eerst een basis op met DIV's.

container met alles erin open gooien

head div
float:left div voor de skyscraper
div voor de table met de lijst
clearende div met voet erin.

container dichtgooien