[css] probleem div hoger als afbeelding, anders opgegeven - Softwareontwikkeling

maandag 13 maart 2006 23:21

Acties:

Verwijderd

Topicstarter

Ik heb een <div> geplaatst op mijn pagina

HTML:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <link href="Style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <form id="form1" runat="server">
        <div class="quote_header"> 
            [img]"images/quote_header.jpg"[/img]        
        </div>
        <br />
    </form>
</body>
</html>

In de css heb ik het volgende staan over deze div

HTML:

DIV.quote_header
{
    height: 35px;
    width: 223px;
    background-color: fuchsia;
    margin: 0px;
}

En nu loop ik tegen he volgende probleem aan. de hoogte van de <div> is met 35px even hoog als de afbeelding "quote_header.jpg". De reden hiervan is dat wil dat de afbeelding precies binnen de <div> past.
Echter, de <div> is iets hoger als de afbeelding zelf in IE.

Ik heb al van alles geprobeerd zoals het aanpassen van de margins voor de avbeelding, maar dat helpt niet. Kan iemand mij verder helpen?

dinsdag 14 maart 2006 00:01

Acties:

Sappie

De Parasitaire Capaciteit!

Door middel van het toepassen van "vertical-align: bottom" zorg je ervoor dat inline elementen (en dus ook de image) ook in IE aligned worden met de 'bodem' van de line-box. Hiermee haal je dus de ruimte onder het plaatje (ik neem iig aan dat dat het geval is) weg.

[ Voor 12% gewijzigd door Sappie op 14-03-2006 00:15 ]

Specs | Audioscrobbler

dinsdag 14 maart 2006 00:34

Acties:

Verwijderd

Topicstarter

Dankjewel, dat heeft het probleem opgelost.