Forum PHP.pl

Witam jesli zewnetrzny div ma padding: 0.5em to ja zrobic zeby wewnetrzny mial full minus ten padding ? Srodkowy objekt to textarea i chce zeby ona zawsze sie sie dopasowywala do zewnetrznego diva - jesli wstawie w textarea szerokosc 100% to nie bardzo bo wychodzi za. ?

100% nie ma prawa wyjść poza padding. Może zmniejsz szerokość diva? Pamiętaj że padding dodaje się do szerokości tego zewnętrznego diva czyli: jeżeli masz:

[HTML] pobierz, plaintext 
<div style="padding: 0 20px; width: 360px; background: red">
<textarea style="width: 100%"></textarea>
</div>
[HTML] pobierz, plaintext 

to div ma 400px a textarea 360px no chyba że mówimy o zgodności wstecznej w starym IE ale dawno już o niej nie słyszałem (IMG:style_emoticons/default/smile.gif)

Ten post edytował bmL 10.03.2011, 00:03:12

100% zadzialalo (tylko umiesicielm w z tagach <style>


jeszcze takie pytanie bo uzywam resizable() z jquery-ui i chcialbym tez zeby wysokosc tego textarea dostosowywala sie tez do zewnetrznego diva ale 100% to juz tu nie dziala wiec jest jakis sposob na full wysokosci czy musze w jquery napisiac funkcje ?

Wysokość "height: 100%" powinna też dostosowywać do okalającego diva. Chyba, że coś tutaj szkodzi jquery.

Ten post edytował bmL 10.03.2011, 00:34:07

Nie wiem jak to jest ze ja probouje to nie dziala a jak odpiszecie to dziala. W kazdym razie - kolejne pytanie - potrzebuje od 100% usunac 30px

nie bardzo sie tak da ale pewnie jest na to sposob - znacie jakis ?

100% to wartość bez jednostki, podczas gdy 30 ma jednostkę pierwszego rzędu- piksele. Odejmowanie w tym przypadku jest niemożliwe (IMG:style_emoticons/default/wink.gif)
Tak na serio- raczej sie nie da. Mozesz probowac cos kombinowac z padding-bottom, moze pozycjonowaniem absolutnym bottom: 30px;
Ciezko cokolwiek powiedziec, dobrze by bylo, gdybys pokazal jakis konkretny przyklad
Na pewno da sie to rozwiazac w jakis logiczny sposob.

Jak zwiększysz padding i zmniejszysz szerokość diva to uzyskasz taki efekt... Możesz też dać dla textarea margin: 0 30px i zmniejszyć szerokość diva.

Ten post edytował bmL 10.03.2011, 11:11:09

No mniej wiecej osciagnalem to co chcialem ale jeszcze musze pobawic sie z wymiarami. W kazdym razie - textarea w firefoxie a w chromie ma zupelnie inna szerokosc.

Tzn szerokosc textarea jest 300 px a pod nia text input z szerokoscia tez 300px; w mozilli dobrze to wyglada a znow w chromie textarea jest szersza jakies 7 px - jakis sposob na to macie ?