Autor Zpráva
kOsTEj
Profil
#1 · Zasláno: 24. 7. 2005, 13:18:01 · Upravil/a: kOsTEj
Odpovědět Citovat
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
#2 · Zasláno: 24. 7. 2005, 18:48:23
Odpovědět Citovat
TADY JE LINK

potrebuju aby ty postranni roztahly ten prostredni....

dik
Unli
Profil
#3 · Zasláno: 25. 7. 2005, 06:42:54
Odpovědět Citovat
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 *
#4 · Zasláno: 25. 7. 2005, 10:12:40
Odpovědět Citovat
www 3 sloupce
http://www.pixy.cz/blogg/clanky/css-3col-layout/
http://www.rneco.wz.cz/w3/sablony/index.html
Časová prodleva: 20 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0