Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Witrand onder jpg

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: [url]http://forum.computertotaal.nl/phpBB2/viewtopic.php?t=143362[/url] 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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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