Topic: div'u tampymasis

Pirmos lenteles dydis yra nurodytas procentais, o antro px. Kodel kai abi lenteles netelpa i ekrana antra lentele persoka i kita eilute, o pirma ne ka ten susitraukia?

<html>
<head>
<style type="text/css">
div.pirmas{
float: left;
width: 25%;
height: 306px;
background-color: #336699;
}
div.antras{
float: left;
width: 899px;
height: 386px;
background-color: #5292d9;
}
</style>
</head>
<body>
<div class = "pirmas">
</div>
<div class = "antras">
</div>
</body>
</html>

Re: div'u tampymasis

Turbūt,kad <div></div> visada užima vieną eilutę,o kiek matau tu rašiai ir antrą <div></div> šalia,todėl tau ir perkėlė į antrą eilutę... Bandyk su <td></td>  pvz:

<html>
<head>
<style type="text/css">
.pirmas{
float: left;
width: 25%;
height: 306px;
background-color: #336699;
}
.antras{
float: left;
width: 899px;
height: 386px;
background-color: #5292d9;
}
</style>
</head>
<body>
<table>
<tr>
<td class="pirmas"></td>
<td class="antras"></td>
</tr>
</table>
</body>
</html>

Re: div'u tampymasis

Tai, kad rasytu salia, as tam naudoju: float: left;

Re: div'u tampymasis

Ai tada nežinau...pamėginau tą tavo kodą,tai man išsitenka viskas,tik kai padidinu 2 <div> iki 3000px tada perkelia į antrą eilutę...

Re: div'u tampymasis

Tai tame ir beda, kad kai padidini tiek, kad neisitenka i langa kelia i kita eilute

Re: div'u tampymasis

susimesk tuos divus i kita diva kurio butu fiksuotas plotis pvz 2000px ir naudok float
seip nelabai suprantu ko tau reikia kad tu darai viena fiksuota kita su %?