Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS: Tekst naadloos aansluiten bovenkant div

2 antwoorden
  • Ik wil graag dat mijn tekst naadloos aansluit bovenaan een div. Dit lukt als ik de tekst achter elkaar intyp. Het gaat ‘fout’ zodra er in de tekst een nieuwe regel wordt staat. Visueel voorbeeld staat hier: http://dilama32.atspace.com/tmp/div-naadloos-aansluiten10/ Dit is de code: #div1 { position:absolute; width:230px; height:115px; z-index:1; background-color: #FFFFCC; left: 27px; top: 23px; } De lege ruimte is niet zichtbaar in Internet Explorer 8, wel in Chrome en Firefox. Heeft iemand suggesties om dit op te lossen? Alvast bedankt voor het meedenken!
  • Tja, dat komt omdat in de ene div de tekst in paragraaf elementen (<p>tekst</p>) staat, en in de ander niet. Paragraaf elementen krijgen uit zichzelf een marge met zich mee. Die marge kan je verwijderen met de css: [code:1:f93a707951]p {margin:0;}[/code:1:f93a707951] Waarschijnlijk maak je dit in dreamweaver of een ander WYSIWYG programma, die zet de text waarschijnlijk automatisch in paragraven bij een harde enter... Je kan ook kijken of een zachte enter handig is (Shift + Enter). Edit: Als je wel wilt dat er een ruimte zit tussen paragraven maar dat de tekst wel bovenaan de div komt kan je alleen de bovenste marge weghalen met :[code:1:f93a707951]p {margin-top: 0;}[/code:1:f93a707951]Je kan dan ook dat de marge aan de onderkant op de voor de hand liggende manier aanpassen.

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.