Autor Zpráva
simak
Profil
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
Tak jednoduše ten leftcolumn a main prohoď, ne?
simak
Profil
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
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
Vyřešeno, pomohlo mi tohle http://www.webkitchen.cz/lab/css/3-column-layout.php

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: