Forum PHP.pl > [css] problem z "ramką"

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] problem z "ramką"

Forum PHP.pl > Forum > Przedszkole

sweter

14.11.2009, 19:35:46

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ć

Blame

14.11.2009, 20:25:54

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

sweter

14.11.2009, 20:54:57

Cytat

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

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

Blame

14.11.2009, 21:10:09

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

sweter

14.11.2009, 21:36:45

Cytat

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

Tu miałeś rację

Cytat

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.