Forum PHP.pl

Chcę zrobić pionową kreskę oddzielającą treść strony z panelem bocznym, która będzie się rozszerzała w zależności od tekstu, standardowa wartość kreski to ileś tam px, w razie gdy tekstu jest mniej.

Kod CSS

[HTML] pobierz, plaintext 
.tresc1{ 
width:100%;
background-color:white;
height:fixed;
vertical-align:top;
}	
.kontener_t{
width:100%;
display:inline-block;
vertical-align:top;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
margin:0px auto;
background:white;
}	
.pionowalinia{
float:left; 
width:1px; 
height:495px; 
background:#858481;
}
.tresc2none{
float: center;
height:50px;
}	
.tresc2text{
float: left;
width:70%;
font-size:23px;
font-family:"CaviarDreams";
text-align:center;	
}
.tresc2sidebar{
float: right;
width:30%;
background-color:white;
}
.sidebarbox{
float:center;
margin-left:10px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="tresc1">
	<div class="kontener_t">
		<div class="tresc2none">
 
		</div>
 
			<div class="tresc2text">
				<font color="#858481">Witaj na oficjalnej stronie wsi<font color="#0DA9E8"> Kajetanów</font>.</font>
			</div>	
 
		<div class="tresc2sidebar">
 
			<div class="pionowalinia"></div>
				<div class="sidebarbox">
                                </div>	
 
		        </div>
		<div class="tresc2none">
                </div>
		</div>		
[HTML] pobierz, plaintext 

Próbowałem to zrobić jako prawe obramowanie boczne klasy tresc2text, ale wtedy nie wiem jak ustawić wartość standardową.

dobrze kombinowales:
http://jsfiddle.net/vzs4k/
http://www.w3schools.com/cssref/pr_dim_min-height.asp

gdy zrobie tak jak mowisz to przesuwa mi sidebar w dół = http://jsfiddle.net/Mu4M2/

Nadal sobie z tym nie poradziłem. Za każdym razem gdy ustawiam parametry bocznego obramowania dla .tresc2text boczny panel leci na spód.
Coś źle wklejałem, jednak działa. Dzięki fate.

Ten post edytował zomfire 16.12.2013, 15:01:33