HTML & CSSur HTML, XHTML & CSS
5 svar · 335 visningar · startad av kris
tjena!
jag använder följande kod för att centrera en div-tagg:
#content {
position: relative;
margin-top: 0px;
width: 700px;
height: 700px;
margin-left: auto;
margin-right: auto;
background: #fff;
text-align: left;
}
nu är det så att jag vill ha två div-taggar till, en på var sida om content. dessa ska ligga precis kant i kant med ovanstående. lyckas inte riktigt få till det.
/kris
Använd en tabell med tre kolumner?
får hålla med cyprys. Tycker det verkar lite onödigt att jobba med div taggar.
men tabeller är ju bara till för att presentera data, och jag behöver verkligen göra det med div-taggar.
/kris
kris - du har helt rätt - du bör använda div, och så här kan du göra:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>tre kol. centrerad</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
text-align:center;
}
#container
{
width:700px;
margin-right:auto;
margin-left:auto;
}
#content {
width: 400px;
height: 700px;
background: #fff;
float: left;
text-align: left;
border: 1px solid black;
}
#left
{
width:120px;
float:left;
background:#f00;
border: 1px solid black;
text-align: left;
}
#right
{
width:120px;
padding:0px;
float:left;
background:#999;
border: 1px solid black;
text-align: left;
}
</style>
</head>
<body>
<div id="container">
<div id="left">ett</div>
<div id="content">två</div>
<div id="right">tre</div>
</div>
</body>
</html>
tackar, fungerade utmärkt!
nu har jag en fråga till oxå, jag har en div-box med text i. även om det inte är så mycket text i den så vill jag att den ska ha en höjd som sträcker sig över hela sidan. någon som har en idé hur jag ska göra?
/kris