🚀 go-pugleaf

Dnia Mon, 26 Apr 2010 16:11:19 +0200, smerf napisał(a):

> Czy potrafi mi ktos wytlumaczyc po co jest margin-left: 150px na
> elemencie #content w ponizszym przykladzie
> http://www.htmldog.com/examples/pagelayout7.html ?
> 
> Najlepiej otworzyc w FireBugu zrodlo html, widze ze wylaczenie tej
> wlasciwosci CSS ma wplyw na wyglad ale jakos nie potrafie sobie
> logicznie wytlumaczyc.

u mnie wylaczenie nie ma wplywu (sam sie zdziwilem bo powinno miec)

ale wyjasniam: #content nie ma zadeklarowanej szerokosci, wiec defaultowo 
jest na 100% szerokosci okna. margin-left:150xp odsuwa #content o 150px 
od lewej krawedzi okna przegladarki. i tu wlasnie robi sie dziurka na 
sidebar :)



-- 
body {
  name: '|<ońrad Karpieszu>|';
  blog: url('http://www.muzungu.pl/'); }
p.s. O aukcjach czytaj na http://www.aukcjoteka.com

> 
> u mnie wylaczenie nie ma wplywu (sam sie zdziwilem bo powinno miec)
> 
> ale wyjasniam: #content nie ma zadeklarowanej szerokosci, wiec defaultowo 
> jest na 100% szerokosci okna. margin-left:150xp odsuwa #content o 150px 
> od lewej krawedzi okna przegladarki. i tu wlasnie robi sie dziurka na 
> sidebar :)
> 


No ale #navigation ma float left czyli wszystko co po tym elemencie az do cleara lub konca ekranu
powinno oblewac #navigation z prawej strony i na niego nie wchodzic, czy nie tak ?

Dokladnie jak w tym przykladzie http://www.htmldog.com/examples/float1.html

smerf wrote:
> 
>>
>> u mnie wylaczenie nie ma wplywu (sam sie zdziwilem bo powinno miec)
>>
>> ale wyjasniam: #content nie ma zadeklarowanej szerokosci, wiec 
>> defaultowo jest na 100% szerokosci okna. margin-left:150xp odsuwa 
>> #content o 150px od lewej krawedzi okna przegladarki. i tu wlasnie 
>> robi sie dziurka na sidebar :)
>>
> 
> 
> No ale #navigation ma float left czyli wszystko co po tym elemencie az 
> do cleara lub konca ekranu
> powinno oblewac #navigation z prawej strony i na niego nie wchodzic, czy 
> nie tak ?
> 
> Dokladnie jak w tym przykladzie http://www.htmldog.com/examples/float1.html


Jak sobie zrobie wlasnego Diva po navigation bez atrybutu id, przekopiuje do niego innerHTML z #content
to zachowuje sie tak jak opisalem, oplywa z prawej i nie nachodzi.

Ktos wie o co chodzi?

On 2010-04-26 21:56, smerf wrote:
> Ktos wie o co chodzi?

Zbadaj np. Firebugiem jeszcze raz pierwszy przykład i zobacz gdzie sa 
granice elementu zawierajacego "Third paragraph ..." Float rozpycha 
zawartosc inline, ale same bloki rozciagaja sie tak, jakby elementu 
floatujacego nie bylo.

http://www.w3.org/TR/CSS2/visuren.html#floats
"Since a float is not in the flow, non-positioned block boxes created 
before and after the float box flow vertically as if the float did not 
exist."


Po naszemu tutaj:
http://kurs.browsehappy.pl/CSS/Float


-- 
NotBear

NTG! pl.comp.www

On 2010-04-26 16:11, smerf wrote:
> Czy potrafi mi ktos wytlumaczyc po co jest margin-left: 150px na
> elemencie #content
> w ponizszym przykladzie http://www.htmldog.com/examples/pagelayout7.html ?

Dodaj sobie więcej treści w prawej kolumnie, albo ustaw jej kolor tła to 
się dowiesz.

> Najlepiej otworzyc w FireBugu zrodlo html, widze ze wylaczenie tej
> wlasciwosci CSS
> ma wplyw na wyglad ale jakos nie potrafie sobie logicznie wytlumaczyc.

FireBug nie bez powodu ma taką nazwę ;]
Zapisz sobie stronę na dysku i zakomentuj ten margines, efekt jest 
zupełnie inny - nie rusza to strony wcale.


-- 
message[autor="PablO"]::after {
	content:"Pozdrawiam";
}

Paweł Piskorz wrote:
> 
> FireBug nie bez powodu ma taką nazwę ;]
> Zapisz sobie stronę na dysku i zakomentuj ten margines, efekt jest 
> zupełnie inny - nie rusza to strony wcale.
> 

Kurde, no faktycznie FireBug ma bugi.

No i dalem background na #content, widze ze wchodzi pod lewy #navigation.
Zgodnie z tym co wyzej napisane i po nagraniu lokalnie do pliku dziala: zawartosc diva #content oplywa #navigation.

Fajnie jest to wytlumaczone tutaj http://mynthon.net/articles/css/float_more
"Ważne jest, że tak naprawdę nie to nie element opływa inny element ale tekst, który jest w nim zawarty (dotyczy to elementów blokowych)."

Zastanawiam sie jednak czy <p> wewnatrz #content nie powinny takze wchodzic pod #navigation skoro
<p> to element blokowy. W wielu zrodlach pisza ze oplywanie tyczy sie tekstu i elementow liniowych.