| Autor | Zpráva | ||
|---|---|---|---|
| Pesso69 Profil |
#1 · Zasláno: 14. 11. 2013, 14:07:16
Mam klasicke rozlozenie webu ako header, left right panel center panel, footer.
<!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>Layout-1</title>
<style>
@import "reset.css";
.page { width:1200px; }
.header {
width:auto;
height:200px;
border: 1px solid #000;}
.left-panel {
float:left;
width:400px;
height:200px;
border: 1px solid #0C0;
}
.center {
width:400px;
height:200px;
border: 1px solid #00F;
display:inline-block;
}
.right-panel {
float:right;
width:400px;
height:200px;
border: 1px solid #F00;}
.footer {
clear:both;
width:auto;
height:200px;
border: 1px solid #000;}
</style>
</head>
<body>
<div class="page">
<div class="header">Header</div>
<div class="left-panel">Left panel</div>
<div class="center">Center</div>
<div class="right-panel">Right panel</div>
<div class="footer">footer</div>
</div>
</body>
</html>Je Fixne nastavena sirka 1200px, pricom jednotlive boxy left center right su po 400px, neviete mi poradit, preco ich nechce zarovnat boxy presne do sirky 1200px ? dakujem |
||
| Vestik Profil |
#2 · Zasláno: 14. 11. 2013, 14:20:36
odeber od šířky každého panelu 1px, musíš do toho započítat i šířku rámečku...
|
||
| Pesso69 Profil |
#3 · Zasláno: 14. 11. 2013, 14:32:17
to mi nepomoze, napr. ak som navolil border:0, a zvolil len backgorund, tak vtedy by som nemal riesit ramcek a malo by to ist, ale nejde to, len v FF to spravne zobrazi.
|
||
| 1Pupik1989 Profil |
Nejdřív je div levý, pak pravý a pak teprve střední.
<div class="left-panel">Left panel</div> <div class="right-panel">Right panel</div> <div class="center">Center</div> Když odebereš rámečky, tak to bude krásně vedle sebe. Další možnost je dát všem třem float:left. |
||
|
Časová prodleva: 10 let
|
|||
0