Nemuzu najit chybu... – CSS – Fórum – Programujte.com

.main 	{background-image: url(images/pozadi.gif);

		margin: auto; 

		width: 1000px;		

}

.left { 

    width: 195px; 

	margin: 0px; 

    padding: 0px; 

    float: left; 

	font-size:9pt;

	text-align:center;	

} 

.middle { 

	width:600px;

    margin: 0px 200px 0px 180px; 

    padding: 10px 10px 20px 10px; 

	background-color: orange;

	background-image: url(images/content.gif);

	background-repeat: repeat-y;

	color:blue;

	height:100%;

		} 

.right { 

    background: red; 

    width: 175px; 

    margin: 0px; 

    padding: 0px; 

    position:relative;

	left: 810px;

} 









<div class="main">

<div class="middle">

obsah

</div>

<div class="left">

1. menu

</div>

<div class="right">

2. menu

</div>

</div>

No než class bych použil id...ale k věci, zkus dát všem třem

display: inline;

Čiastočne som ti ten kód opravil

<style>

#main       {background-image: url(images/pozadi.gif);



            margin: auto; 



            width: 1000px;            



}



#left { 



    width: 195px; 



      margin: 0px; 



    padding: 0px; 



    float: left; 



      font-size:9pt;



      text-align:center;      



} 



#middle { 



      width:600px;



    margin: 0px 200px 0px 180px; 



    padding: 10px 10px 20px 10px; 



      background-color: orange;



      background-image: url(images/content.gif);



      background-repeat: repeat-y;



      color:blue;



      height:100%;



            } 



#right { 



    background: red; 



    width: 175px; 



    margin: 0px; 



    padding: 0px; 



    position:relative;



    left: 810px;

    

    float: right;



} 













</style>





<div id="main">

<div id="left">

1. menu



</div>

<div id="middle">

obsah

</div>

<div id="right">

2. menu

</div>



</div>

display: inline me napadlo taky, jenze s tim se to rozjede jeste vic a w3qovo reseni (jestli jsem to opravil spravne - # misto tecer, id misto class, pridan floot:left ) me v podstate nepomohlo... ale stejne dik....nejake dalsi napady?

1. html: left a right presuň pred middle
2. css: right-u zmeň position: relative na float: right

porad beze zmeny...

hej? u mňa sa to zmenilo: http://imcold.evilhosting.org/files/b0rked/3_column_fix.html - tuším si to chcel tak, či nie?

tak jsem to cely smazal a napsal znovu...a funguje to - neco mi tam asi uteklo...dik za pomoc