[CSS] Pozycja kolumn, a dziedziczenie wysokości.

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
tsuzso
Posty: 16
Rejestracja: sob cze 04, 2005 12:28 pm

[CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: tsuzso »

W IE wszystko wygląda dobrze... A gdzie indziej (chyba) float:left powoduje, że warstwa główna przestaje się dynamicznie skalować. Znacie jakieś rozwiązanie?

Kod: Zaznacz cały

<style>
#all{ 
width:730px; 
border-style:solid;
} 
#glowny{ 
position:relative; 
width:500px; 
border-style:solid; 
border-color:#FF0000; 
float:left;
padding:0;
} 
#boczny{ 
position:relative; 
width:200px; 
border-style:solid; 
border-color:#FF0000; 
float:left;

}
</style></head><body>
<div id="all"> 
		<div id="glowny">Przykladowy tekst Przykladowy tekst Przykladowy tekst Przykladowy tekst Przykladowy tekst Przykladowy tekst Przykladowy tekst Przykladowy tekst  	</div> 
		<div id="boczny">Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek </div>
</div> 
</body>
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: bwo »

Nie wiem, o co Ci chodzi. Możesz to dać w net?
Strzelam, ze może chodzić o czyszczenie floata, daj na koncy div'a o stylu ALL taki kod:

Kod: Zaznacz cały

<div style="clear: both;"></div>
tsuzso
Posty: 16
Rejestracja: sob cze 04, 2005 12:28 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: tsuzso »

chyba to nie starczy :)
projekt jest do obejrzenia na ddam.webpark.pl
[/url]
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: bwo »

Aha, i chodzi Ci żeby ta lewa ramka była na pełną długość? Jesli tak to to jest bardzo częsty problem i ja nie potrafie go rozwiązać, ale robie taki myk:
Div głowny daje na pełną width, a div boczny wsadzam do niego i daje float: right; i width ustawiam np na 50% i wtedy obie mają tą samą height.
tsuzso
Posty: 16
Rejestracja: sob cze 04, 2005 12:28 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: tsuzso »

nieee....
chodzi o to, by ramka główna skalowała się wraz z długością kolumn. I tak jest. Z tym, że tylko pod IE.
paszczak
Nowy
Nowy
Posty: 123
Rejestracja: ndz paź 03, 2004 2:21 pm
Lokalizacja: Sopot
Kontakt:

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: paszczak »

W tym wypadku IE zachowuje się niewłaściwie.

Według specyfikacji obiekt typu "float" nie wpływa na rozmiar zawierającego go elementu... chyba, że on sam jest "pływający".

Innymi słowy dopisz do stylu #all polecenie float: left.
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: bwo »

Nie wiem o co Ci chodzi... U mnie pod IE i Operą wygląda tak samo... Daj obrazek co chcesz osiągnąć to pomyślimy.
tsuzso
Posty: 16
Rejestracja: sob cze 04, 2005 12:28 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: tsuzso »

To ciekawe... W międzyczasie zauważyłem, że bez deklaracji XHTMLa także w Operze wyświetla się normalnie. Ale w Firefoxie juz nie :(

Float dla wszystkiego działa :) ale kurcze... Upośledza to znacznie pozycjonowanie :( Nie spotkaliście się może z layoutem, gdzie podobny problem został rozwiązany inaczej (tylko bez JS proszę, bo to każdy głupi by potrafił :))?
bwo
Przelotem
Przelotem
Posty: 224
Rejestracja: wt cze 07, 2005 1:50 pm

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: bwo »

Już Ci napisałem jak ja to rozwiązuje...
Galthar
Nowy
Nowy
Posty: 44
Rejestracja: czw lut 24, 2005 8:12 pm
Lokalizacja: Ostróda
Kontakt:

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: Galthar »

Moze chodzi Ci o tzw liquid layout.... Spojrz na to!!!

http://www.maxdesign.com.au/presentation/liquid/#final
Cyr4x
Nowy
Nowy
Posty: 45
Rejestracja: pt sie 26, 2005 11:12 pm
Kontakt:

Re: [CSS] Pozycja kolumn, a dziedziczenie wysokości.

Post autor: Cyr4x »

Z tego co rozumiem lewa ma mieć zawsze taką wysokość jak prawa? To weź obie kolumny zapakuj też w div i daj tej lewej wysokość na 100%. Nie wiem czy zadziała, ale tak mi się wydaje.
ODPOWIEDZ