[GoonSquad]

Zrobiłem diva o szerokości 615px i wysokości 127px, a w nim dwa divy o 1/3 szerokości tego diva (205px) z floatami left i right. Po wstawieniu tych divów na środku diva "matki" powstaje prostokąt o tej samej wielkości co divy i chcę w niego wstawić, na całej szerokości, formularz. Niestety jak próbuję zrobić o szerokości wolnego miejsca w środku (czyli 205px) prawy div/prostokąt przelatuję w dół, choć marginy formularza ustawione są na zero:(

Co zrobić żeby div z prawej nie ruszał się z miejsca?:D

#programowanie #html #html5 #css #css3 #webdesign #webdev #webdeveloper #webmastering #pytanie #pytaniedowykopkow #pytaniedoeksperta

[lucku]

@GoonSquad: sprawdzić w inspektorze, czy rzeczywiście nie ma marginesów ani paddingu

[mug3n]

@GoonSquad: Wszystko sobie ładnie wyobrażam, ale lepiej by było jakbyś podał kod w http://jsfiddle.net/

[GoonSquad]

@mug3n: ok, już robię

[mug3n]

@GoonSquad: marginesy marginesami, a border jest na 0?

[GoonSquad]

@mug3n: teraz już tak:P ale i tak nie działa, wpisuję do jsfiddle

[GoonSquad]

@mug3n: ok, mam coś takiego http://jsfiddle.net/kLuak/ chciałbym zachować długość 205px dla form, ale ten prostokąt z prawej strony ciągle ucieka w dół:(

[mug3n]

@GoonSquad: Wszystkie klasy daj na float:left. Kiedyś widziałem porządnie opisane pozycjonowanie divów, float right, left i clear były świetnie opisane, ale nie mogę znaleźć.

[kulisz]

@GoonSquad: http://jsfiddle.net/kLuak/6/

[GoonSquad]

@mug3n: @ufos: @kulisz: dziękuję wszystkim! zaraz znajdę najlepszą metodę

[mug3n]

@GoonSquad: http://jsfiddle.net/kLuak/7/ tutaj elementy zachowują się jak w każdym poziomym menu z elementami listy, w którym każdy ma atrybut float:left.

[GoonSquad]

@ufos: @kulisz: @mug3n: która będzie najbardziej "schludną" metodą?

[kulisz]

@GoonSquad: Którą wolisz, wszystkie są okejk po prostu każdy ma trochę inny styl ;)

[GoonSquad]

@kulisz: @unknownPL: w sumie to najłatwiej po prostu dopisać position: absolute; do formularza:P

[mug3n]

@GoonSquad: W założeniu, że .quizform będzie miał position relative i ustawimy .jakitofilm odpowiednią odległość od którejś z krawędzi .quizform. Position: absolute nadaje elementowi pozycję dopasowującą się do całego okna przeglądarki, chyba że element w którym się znajduje, posiada nadpisane "uprawnienia" do pozycjonowania elementów wewnątrz siebie - position: relative, wtedy musisz ustawić odległości od krawędzi. Samo position: absolute raczej zrobi ci kaszankę.

[GoonSquad]

@mug3n: z jakiegoś powodu dobrze to wszystko działa na stronie:P ten .quizform jest podczepiony do zdjęcia, które ma pozycje absolute