[css] problem z "ramką" Opcje

[sweter]

Witam, chciałbym mieć coś takiego:



Tak wygląda kod:

Kod

.left {
    width:490px;
    border:1px solid #B7B7B7;
    float:left;
    padding: 5px;
}
.header {
    background-color:white;
    width:60px;
    padding:0 5px 0 5px;
    position:relative;
    top:-14px;
    left:20px;
}

[HTML] pobierz, plaintext 
 
<div class="left">
	<div class="header">
		Naglowek
	</div>
	tresc<br />tresc<br />tresc
</div>
 
[HTML] pobierz, plaintext 

I teraz problem:

div .header ma stałą szerokość ustawioną na 60 pikseli. 

Co zrobić, żeby jego długość zmieniała się w zależności od wpisanego tekstu, bo "width:auto" nie bardzo chce działać ?

Ten post edytował sweter 14.11.2009, 19:36:43

[Blame]

Spróbuj div'owi .left ustawić stałą szerokość a .header daj auto.

[sweter]

Spróbuj div'owi .left ustawić stałą szerokość a .header daj auto.

W tedy div .header przyjmuje długość .left'a, czyli 490px

[Blame]

To prawdopodobnie może być wina fload w .left. Dodaj clear:both w CSS dla .header.

[sweter]

To prawdopodobnie może być wina fload w .left.

Tu miałeś rację

Dodaj clear:both w CSS dla .header.

To nie pomogło. Wszystko się naprawił, gdy dla .header dodałem float:left.




Dzięki za pomoc

Ten post edytował sweter 14.11.2009, 21:37:14