Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Witrand onder jpg

B00TjE
5 antwoorden
  • Hallo,

    Ik zit met een probleem(pje ), ik ben een site aan het bouwen met een vrij simpele opbouw. Nu heb ik een div die banner heet. Deze div is even breed als de site zelf en dit werkt allemaal perfect. Nu komt hierin een jpg te staan, dit gaat ook goed.

    Het probleem zit in een witrand van ca. 2px die automatisch verschijnt terwijl ik geen padding of margin oid opgeef. Heel vreemd.

    Ik weet niet hoe die witrand daar komt maar ik zou hem toch erg graag weg hebben!

    Hieronder mijn CSS:

    [code:1:5d1f839695]
    body {
    margin: 0px;
    }

    /****************************************************************************/
    .website {
    width: 800px;
    border: 1px solid #013F78;
    border-top: 0;
    position: relative;
    left: 50%;
    margin-left: -400px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #013F78;
    }

    /****************************************************************************/
    .header {
    float: left;
    width: 800px;
    height: 70px;
    background-image: url(images/Banner-top.jpg);
    }

    /****************************************************************************/
    .menu {
    float: left;
    width: 800px;
    height: 28px;
    border-top: 1px solid #013F78;
    border-bottom: 1px solid #013F78;
    background-color: #D8FF73;
    }

    /****************************************************************************/
    .banner {
    float: left;
    width: 800px;
    height: 199px;
    border-bottom: 1px solid #013F78;
    }

    /****************************************************************************/
    .content {
    float: left;
    width: 800px;
    height: 219px;
    border-bottom: 1px solid #013F78;
    }

    .left {
    width: 599px;
    height: 219px;
    background-color: #F3F7F8;
    border-right: 1px solid #013F78;
    float: left;
    }

    .right {
    width: 200px;
    height: 219px;
    background-color: #6D8A9A;
    float: left;
    }

    /****************************************************************************/

    .footer {
    width: 800px;
    /*height: 20px; /*20 + 10pt = 30*/
    padding-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #6D8A9A;
    background-color: #D8FF73;
    float: left;
    }[/code:1:5d1f839695]
  • In welke browser komt die witrand tevoorschijn?

    Zet die website eens online.
  • Ik kan de site helaas niet online zetten, het is een site voor school om mijn afstudeerproject te beschrijven. Er staan foto's op van dat bedrijf waar een copyright op zit en ik weet niet of ik hiervan gebruik mag maken.

    Maar de witrand verschijnt in IE 6.0 en in Mozilla niet.
  • neem dan, voor het idee, even een andere foto.
  • Volgens mij is het hetzelfde probleem als daar: http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=143362

    Dus probeer es zoiets:
    [code:1:4e46df2fc6]<div><img></div>[/code:1:4e46df2fc6]

    Spaties tussen <img> en </div> veroorzaken volgens mij deze rand (van 4px volgens mij, waarom weet ik niet maar ok…)

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.