[Webkit-unassigned] [Bug 12797] The image size is not honoring the calculated/available space size from CSS

Sat Feb 17 07:54:01 PST 2007

http://bugs.webkit.org/show_bug.cgi?id=12797


------- Comment #1 from rvamerongen at xs4all.nl  2007-02-17 07:54 PDT -------
The code used

<!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>
<title>website-straith</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                <style type="text/css" media="screen"><!--
body {
        background-color: white;
        margin: 0;
        padding: 0; }
#page {
        width: 799px;
position:relative;
margin:0 auto;
}
#pagesNavBar { 
        height: 460px;
        width: auto;
        left: 100px;
        top: 151px;
        position: absolute;
        visibility: visible;
        border: dotted 1px red; 
        }
.navImg {
        display: block;
        position: absolute;
        /*
        width: xpx;  Has to set the image size here
        height: xpx;*/
        top:0;
        bottom: 20px;
        left: 5px;
        right: 5px;
        border: dotted 1px orange; }
.navElementTitle {
        font-size: 8pt;
        position:absolute;
        font-family: verdana;
        font-variant: normal;
        text-align: center;
        vertical-align: top;
        margin:0;
        bottom: 0;
        width: inherit;
        height: 20px;
        border: dotted 1px green; }
.navElement {

        top:0;
        position: absolute;
        width: 60px; /* set this with JS */
        height:70px; /* set this with JS */
        margin:0;
        visibility: visible;
        border: dotted 1px black; }
#topBG {
        background-image: url(images/topBG.jpg);
        width: 799px;
        height: 269px;
        position:absolute;
        left:0px;
        top:0px; }
#bodyBG {
        background-image: url(images/bodyBG.jpg);
        width: 799px;
        height: 730px;
        position:absolute;
        left:0px;
        top:269px; }

--></style>
        </head>
<body>
<!-- ImageReady Slices (website-straith.psd) -->
<div id="page">
        <div id="topBG" ></div>
        <div id="bodyBG"><div id="pagesNavBar">
                <div id="nav1" class="navElement">
                        <img class="navImg" src="images/home.gif" 
livesrc="../../docDock_graphic/home.tiff" />
                        <p class="navElementTitle" >Home</p>
                </div>
                <div id="nav2" class="navElement">
                        <img class="navImg" src="images/home.gif" 
livesrc="../../docDock_graphic/home.tiff" />
                        <p class="navElementTitle" >Download</p>
                </div>
                <div id="nav3" class="navElement">
                        <img class="navImg" src="images/home.gif" 
livesrc="../../docDock_graphic/home.tiff" />
                        <a class="navElementTitle" >Contact</a>
                </div>
                <div id="nav4" class="navElement">
                        <img class="navImg" src="images/home.gif" 
livesrc="../../docDock_graphic/home.tiff" />
                        <div class="navElementTitle" >Contact</div>
                </div>
        </div></div>
</div>
</body>
</html>


-- 
Configure bugmail: http://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.