code error
look @ code bellow
it produces 2 short vertical lines next each other of equal height , width.
one blue other green (notice how these colours of 2 div tags)
disabling display:inline prevents 1 which dissable (this can ether 1 or both)
enabling float has same effect
i using live view not design view
so going on?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>untitled document</title>
<style type="text/css">
#a {
border: thick solid #090;
height: 500px;
width: 100px;
display: inline;
/* [disabled]float: left; */
}
#b {
height: 100px;
width: 100px;
border: thick solid #00f;
display: inline;
/* [disabled]float: left; */
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
</body>
</html>
an inline element has line-height, not height. cannot set height of inline element (or width matter since width width of contents of element) have done.
when float element, taking out of normal flow, have changed rules on how displayed, can see. apparently element can take width , height. i'm not sure why.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment