| Autor | Zpráva | ||
|---|---|---|---|
| simak Profil |
#1 · Zasláno: 21. 9. 2009, 18:26:09
Zdravím všechny, mám takový menší problém. Mám třísloupcový layout a chtěl bych, aby se mi ve zdrojovém kódu zobrazovala obsahová část "main" před levým sloupcem "leftcolumn". Našel jsem takové layouty, ale žádný z nich neměl pevně nastavenou šírku všech tří sloupců jako ten můj. Mohl by mi někdo poradit jakým způsobem mám můj layout upravit. Jestli to vůbec jde? Předem díky.
<body class="body_bg">
<div id="wrapper">
<div id="header">
<div id="top">
<div class="clr"></div>
<div id="top_menu"></div>
<div class="clr"></div>
</div>
</div>
<div id="content">
<div id="leftcolumn"></div>
<div id="main"></div>
<div id="rightcolumn"></div>
<div class="clr"></div>
</div>
<div class="content_b">
<div id="footer"></div>
<div class="clr"></div>
</div>
</div>
</div>
</body>.body_bg { background: #37342f url(../images/bg.png) top center repeat-x;}
#wrapper{width:980px;
margin:0 auto 10px;}
#header {background: #37342f url(../images/header.jpg) top center no-repeat;
width:980px;
height:230px;
margin:0 auto;
text-align:center;}
#top{width:900px;
margin:0 auto;
height:140px;}
#top_menu{ width:896px;
margin:0 auto;
padding:0 0 0 4px;
text-align:left;}
#content{ width:940px;
margin:0 auto;
padding:0 10px;
background:#fffeff url(../images/content_bg.png) top center no-repeat;}
#leftcolumn { float: left;
margin: 0;
padding: 0;
width: 190px;
text-align: justify;}
#rightcolumn { float: left;
margin: 0;
padding: 0;
width: 190px;
text-align: justify;}
#main { float: left;
width: 520px;
padding:0;
font-size:12px;
margin: 0 20px;}
.content_b{ background: #fff url(../images/content_b.png) bottom left no-repeat;
width:960px;
margin:0 auto;
padding:20px 0 3px 0;}
#footer { margin: 0 auto;
width: 960px;
height: 38px;
line-height:38px;
color: #e0023f;} |
||
| Radek9 Profil |
#2 · Zasláno: 21. 9. 2009, 18:31:40 · Upravil/a: Radek9
Tak jednoduše ten leftcolumn a main prohoď, ne?
|
||
| simak Profil |
#3 · Zasláno: 21. 9. 2009, 18:35:16
No, to víš,že sem to zkusil, ale zobrazilo se mi to tak, že byl main vlevo pak rightcolumn a až po tim celým jakoby na novým řádku ten leftcolumn ):
|
||
| simak Profil |
#4 · Zasláno: 21. 9. 2009, 18:37:24
Možná je to nějaká hloupost, ale já sem v tomto oboru spíš začátečník, proto se ptám tady.
|
||
| simak Profil |
#5 · Zasláno: 22. 9. 2009, 09:07:10
Vyřešeno, pomohlo mi tohle http://www.webkitchen.cz/lab/css/3-column-layout.php
|
||
|
Časová prodleva: 15 let
|
|||
0