Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
div positioning
- Thread starter benluke4
- Start date
example:
important style definitions are in [blue]blue[/blue]
*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
important style definitions are in [blue]blue[/blue]
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html>
<head>
<title>Untitled</title>
<style type="text/css"><!--
#main {[blue]
position: relative;
height: 500px;[/blue]
width: 500px;
border: 1px solid black;
background-color: #333;
}
#inner {[blue]
position: absolute;
bottom: 0;
height: 200px;[/blue]
width: 400px;
border: 1px solid red;
background-color: #c0c0c0;
}
--></style>
</head>
<body>
<div id="main">
<div id="inner"></div>
</div>
</body>
</html>*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
In case you missed this detail of FlaVa's answer, the DIV has to have an id (or you can skip the id and add the declaration to the div tag when you create it)
He is no fool who gives what he cannot keep to gain what he cannot lose.
- Jim Elliot
He is no fool who gives what he cannot keep to gain what he cannot lose.
- Jim Elliot
- Thread starter
- #4
vertically: not easily.
horizontally: a combination of styles.
which are you looking for? you should post a new thread.
*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
horizontally: a combination of styles.
which are you looking for? you should post a new thread.
*cLFlaVA
----------------------------
[tt]tastes great, less filling.[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
- Status
