Hogy tudom ezt megcsinálni? (css+html)
van 3 div-em:
és így szeretném elrendezni:
az eddigi kód:
<html>
<head>
<title>asd</title>
<style type="text/css">
#asd1 {
background: yellow;
font-size: 25;
width: 200px;
height: 500px;
}
#asd2 {
background: green;
font-size: 25;
width: 800px;
}
#asd3 {
background: red;
font-size: 25;
width: 1000px;
}
</style>
</head>
<body>
<div id=asd1>d<br>i<br>v<br><br>1</div>
<div id=asd2>d<br>i<br>v<br><br>2</div>
<div id=asd3>d<br>i<br>v<br><br>3</div>
</body>
</html>
válasza:Fix vagy változó méretűek?
<div class='benne'>
<div class='elso'> </div>
<div class='masodik'> </div>
<div class='harmadik'> </div>
</div>
.benne {
position: relative;
}
.elso {
float:left;
width: 200px;
padding: 5px;
}
.masodik {
position: absolute;
top: 0px;
width: 100%;
margin-right: 210px;
}
.harmadik {
width: 100%;
}
Nem próbáltam ki... nem is garantálom, hogy működik... :P
válasza:Szeva!
Változó méretűvel itt van egy használható amit középre s helyeztem. :) Kipróbálva FF alatt megy.
<html>
<head>
<title>Div</title>
<style type="text/css">
div#alap
{
position: relative;
left: 10%;
top: 0%;
width: 800px;;
height: auto;
background: red;
}
div#left
{
position: relative;
width: 200px;
height: 500px;
background: yellow;
font-size: 25px;
float: left;
overflow: auto;
}
div#top
{
position: relative;
width: 600px;
height: 200px;
background: green;
font-size: 25px;
overflow: auto;
}
div#contener
{
position: relative;
width: 600px;
height: 800px;
background: red;
font-size: 25px;
overflow: auto;
}
</style>
</head>
<body>
<div id="alap">
<div id="left">Div1</div>
<div id="top">Div2</div>
<div id="contener">Div3</div>
</div>
</body>
</html>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!