Autor Zpráva
kOsTEj
Profil
Ahoj, potřeboval bych malonko píchnout, chci udělat 3-sloupcovej layout tak,aby se me v pozadi sloupcu dynamicky davalo pozadi,.... nemuzu na to prijit a kdyz uz jsem myslel ze to mam,tak me sloupce prekrejvaj prostedni blok a neroztahujou ho....
pls pomozte....

body, html {
border: 0px none;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
font-size: small !important;
background-color: none;
}
.resetovac {
border: 0px none;
margin: 0px;
padding: 0px;
float: none;
clear: both;
width: 0px;
height: 0px;
line-height: 0px;
font-size: 0px;
}
img, table, tr, th, td, h1, h2, h3, h4, h5 {
border: 0px none;
margin: 0px;
padding: 0px;
}


#bodyhlavicka {
}
#bodypaticka {
background-color: #ffffcc;
}

#hlavni2 {

float: none;
margin: 0px 0px 0px 0px;
background: url(../jpgs/1.jpg) left top repeat-y;
}
#strankahlavicka {
background: url('../jpgs/0.jpg') top center no-repeat;
height: 300px;
margin: 0px 0px 0px 0px;
}

.strankapaticka {
margin: 0px 0px 0px 0px;
background: url('../jpgs/3.jpg') repeat-x;
}
#strankaobal {

min-width: 600px;
max-width: 1000px;
margin: 20px 18% 0px 18%;
}
#levypanelobal {
border:1px solid blue;
position: relative;
float: left;
height: auto;
width: 170px;
margin: 0px 10px 0px 0px;
padding: 0px 2px 0px 0px;
font-size: 90%;
background: none;

}
#levypanelvnitrek {
padding: 2px 2px 0px 30px;
}

#pravypanelobal {
border:1px solid blue;
position: relative;
float: right;
height: auto;
width: 170px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 90%;
background: none;

}
#pravypanelvnitrek {
padding: 2px 30px 0px 2px;
}
#hlavnipanelvnitrek {
padding: 0px 180px 0px 180px;
}
#hlavnipanelobal {
border:1px solid blue;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../jpgs/2.jpg) right top repeat-y;

}
#hlavnipanelhlavicka {
background-color: #dddddd;
}
#hlavnipanelpaticka {
background-color: #dddddd;


<body>
<div id="bodyvnitrek">
<div id="strankaobal">
<div id="strankahlavicka">
<h3>Hlavièka</h3>
</div>
<!-- strankahlavicka /-->
<div class="strankapaticka">
<h3>paticka</h3>
</div>

<div id="pravypanelobal">
<div id="pravypanelvnitrek">
<h3>Pravý panel</h3>
<hr />
<table >

<tr>
<td>emil. emil. emil. emil.emil. emil. emil. emil.</td>
</tr>
<tr>
<td>emil. emil. emil. emil.</td>
</tr>
<tr>



<td>emil. emil. emil. emil.</td>
</tr>

</table>

</div>
<!-- pravypanelvnitrek /-->
</div>
<!-- pravypanelobal /-->

<div id="hlavnipanelobal">

<div id="levypanelobal">
<div id="levypanelvnitrek">
<h3>Levý panel</h3>
<hr />
<table >

<tr>
<td>emil. emil. emil. emil.emil. emil. emil. emil.</td>
</tr>
<tr>
<td>emil. emil. emil. emil.</td>
</tr>
<tr>
<td>emil. emil. emil. emil.</td>
</tr>

</table>

</div>
<!-- levypanelvnitrek /-->
</div>
<!-- levypanelobal /-->

<div id="hlavni2">
<div id="hlavnipanelvnitrek">

<div id="hlavnipanelhlavicka">
<h3>Hlavièka obsahu</h3>
</div>
<!-- hlavnipanelhlavicka /-->
<hr />
kostejkostejkostejkostejkostejkostejkostej
kostejkostejkostejkostejkostejkostejkostej


</div>
<!--hlavnipanelobal/-->
</div>
<!--hlavnipanelvnitrek-->
</div>
<!--hlavni2-->

<div class="resetovac">
&nbsp;
</div>
<!-- vertikální sirka /-->
<div id="strankapaticka">

</div>
<!-- strankaobal/-->

<div class="strankapaticka">
<h3>paticka</h3>
</div>
</div>
<!-- bodyvnitrek /-->

</body>
</html>

dik moc, asi bude treba udelat prouzek 170px
kOsTEj
Profil
TADY JE LINK

potrebuju aby ty postranni roztahly ten prostredni....

dik
Unli
Profil
Hmm.. tak zatím moc nechápu co vlastně potřebuješ, ale ten css máš dost nepřehlednej.
Tak třeba všude máš margin a padding na nule. Zkus nazačátek napsat:
* {
margin: 0px;
padding: 0px;
border: 0px none;
}

a pak už to nemusíš dívat nikde, jen tam kde to potřebuješ změnit.

A k tvému problému. Jestli to správně chápu, tak postraní sloupce mají pevnou šířku a ten střední nemá?

Pokud můžu radit, podívej se jak to dělají jinde, třeba:
http://hepbegclub.idt.cz/
a vlastně celý redakční systém na www.supersvet.cz

Hmm.. a pokud ses už rozhodl dělat to v tabulkách, tak proč to neudělat jako jednu velkou tabulku upravenou v css?


Unli
peta
Profil *
www 3 sloupce
http://www.pixy.cz/blogg/clanky/css-3col-layout/
http://www.rneco.wz.cz/w3/sablony/index.html
Toto téma je uzamčeno. Odpověď nelze zaslat.

0