On 11/24/06, Jazzcreation <[EMAIL PROTECTED]> wrote
I'd like to position a div of a certain height (say 30px) so that it starts
20px from the left hand edge, and runs up to the right edge of the screen.

I normally try to figure out a way of doing this in css, then give up and
use a table, which provides a pretty straightforward solution.

Can anyone tell me what the css solution is?


i hope u meant that:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
    body{
        margin:0
    }
    Div{
        height:30px; border:1px solid; margin-left:20px
    }
</style>
</head>

<body>
    <div>me starts 20px from the left</div>
</body>
</html>

a div is a block level element. and this specific element expand its width
automatic to 100% of the flow width.
as u see, i margin left 20px the element, and i didn't have to give him
width, he took the place by himself.

NeoSwf
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to