Ik heb een foto-slide scriptje geplaatst op de hoofdpagina tussen de header divs, maar toch verspringt hij helemaal naar rechts....

http://www.huyzedesmet.be/prev/index.php

Css kan je hier terugvinden:
http://www.huyzedesmet.be/prev/style.css

Weet iemand wat ik verkeerd doe?

Clear: both;

toevoegen aan de header/tekst erboven?

Origineel gepost door Mathijs Kingma

Clear: both;

toevoegen aan de header/tekst erboven?

Toegevoegd, maar er gebeurd niets....

Heb je moment geduld, dan kijk ik even voor je.

Ok bedankt !!!

Het probleem ligt aan dat de wrap 1 div naar boven moet, maar hierdoor wordt hij nog niet helemaal gepositioneerd.

Edit:

Ik heb het met deze code ongeveer opgelost:

Code:

* { margin:0; padding:0; }
body {
    background: #2a1a04;
    font-family: Tahoma;
    font-size: 11px;
    color: #fff;
}


/***** wrapper *****/
#wrap {
    width: 674px;
    margin: 0 auto;
}



/***** top *****/
#top {
    width: 674px;
    height: 59px;
    padding: 65px 0 0 0;
}
#top .logo {
    float: left;
    width: 163px;
    height: 55px;
    background: url(http://www.huyzedesmet.be/prev/images/logo-bg.png) no-repeat;
}
#top .menu {
    float: right;
    height: 40px;
    font-family: Verdana;
    font-size: 12px;
    line-height: 40px;
    padding: 0 40px 0 0;
}
#top .menu li {
    float: left;
    list-style: none;
}
#top .menu li a {
    color: #fff;
    text-decoration: none;
}



/***** header *****/
#header {
    width: 668px;
    height: 359px;
    padding: 50 40px 50 50;

}



/***** content *****/
#content {
    width: 674px;
    overflow: hidden;
    margin: 18px 0 30px 0;
}
#content .imgright {
    float: right;
    padding: 0 10px;
}
#content h1 {
    font-family: "Myriad Pro", Arial;
    font-weight: normal;
    font-size: 14px;
    padding: 0 0 4px 0;
}
#content p {
    text-align: justify;
    padding: 0 0 10px 0;
}
#content li a { color: #fff; }
#content ul { margin-top: 5px; margin-bottom: 10px; }
#content li {
    height: 16px;
    background: url(http://www.huyzedesmet.be/prev/images/content-list.png) no-repeat 0 5px;
    list-style: none;
    padding: 0 0 0 8px;
    margin: 0 0 0 4px;
}
#content .leesmeer {
    font-size: 10px;
    font-weight: bold;
    color: #584827;
    text-decoration: none;
    line-height: 20px;
    background: url(http://www.huyzedesmet.be/prev/images/content-leesmeer.png) no-repeat 0 5px;
    padding: 0 0 0 13px;
}
#content .cols {
    background: url(http://www.huyzedesmet.be/prev/images/content-bg.png) repeat-y 210px 0;
    overflow: hidden;
}
#content .col { float: left; }
#content .left { width: 180px; padding: 0 16px; }
#content .middle { width: 198px; padding: 0 17px 0 15px; }
#content .right { width: 212px; padding: 0 0 0 15px; }



/***** footer *****/
#footer {
    width: 667px;
    height: 73px;
    padding: 0 0 22px 7px;
}
#footer .facebook {
    float: left;
    display: block;
    width: 194px;
    height: 63px;
    color: #fff;
    text-decoration: none;
    background: url(http://www.huyzedesmet.be/prev/images/footer-facebook.png) no-repeat;
    padding: 10px 0 0 9px;
}
#footer .copyright {
    float: left;
    width: 448px;
    height: 46px;
    line-height: 46px;
    font-size: 9px;
    color: #b3aea9;
    background: #1f1303;
    padding: 0 0 0 16px;
    margin: 10px 0 0 0;
}

/* CSS FOR SLIDESHOW SCRIPT */
    .imageSlideshowHolder{
        margin:5px;    /* "Air" */

        width:151px;    /* Image width */
        height:100px;    /* Image height */
        position:relative;    /* Don't remove this line */
    }
    /* Don't change these values */
    .imageSlideshowHolder img{
        position:absolute;
        left:0px;
        top:0px;
    }

Alleen moet je nog even met de hoogte en/of margin prutsen.

Groeten Mathijs

Sowieso heb je opgegeven dat je een id hebt genaamd "imageSlideshowHolder" maar in je css staat alleen een class. Je hebt hem in een div staan genaamd "contentContainer" die ook niet bestaat...

Ik zou proberen om gewoon die SlideShow in je wrapper div te houden (of dus die contentContainer aanmaken en die een breedte meegeven). Daarnaast alleen een hoogte en breedte hangen aan die SlideShow en geen positioneringselementen of floats.

EDIT: Te laat ;o

Bedankt voor alle reactie's !!!

Origineel gepost door Kristof Debleu

Bedankt voor alle reactie's !!!

Hier doet hij het prima ;)

Het is inmiddels verholpen, zoals je ziet ;)
Sorry ik begreep je verkeerd, je gaf nog even aan dat alles klopte.

Idd, ik ben reeds verholpen...
Bedankt Mathijs.