Autor Zpráva
Pesso69
Profil
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
odeber od šířky každého panelu 1px, musíš do toho započítat i šířku rámečku...
Pesso69
Profil
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: