element der kan resizes

[scootergrisen]

Hvodan laver men for eksempel en <div> der kan resizes ligesom en <textarea> hvor kan man hive i hjørnerne for at ændre størrelsen ?

Lige når man skal teste noget på hjemmesiden så kan man gøre browser vinduet smallere for at se hvordan hjemmesiden ser ud på en smallere skærm.

Men så vil jeg i stedet have en boks på et område af hjemmesiden jeg kan gøre mindre så jeg ikke behøver gøre hele browseren smallere.

[Daniel]

Hvis du kan nøjes med at det kan gøres i Chrome, Firefox og Opera, så er der i CSS3 en resize property.

Eksempel:

Kode: Vælg alt

<div style="width: 200px; height: 200px; border: solid thin; resize: both; overflow: auto;"></div>

[scootergrisen]

Den virker fint i Firefox men i Chrome og Safari der kan jeg kun gøre boksen større men ikke mindre end den oprindelige størrelse af en eller anden grund.

I kan prøve det her : http://netkoder.dk/netkoder/css_wordbreak.php

[Daniel]

Hmm, havde faktisk ikke tænkt over at man ikke kunne det i Chrome og Safari, lige nu har jeg ikke en ide til hvordan det kan løses (andet end at starte ud med en lille box), men vil prøve om jeg kan finde noget.

[ThomasI]

jQuery kunne være en løsning:

se her: http://viralpatel.net/blogs/jquery-resi ... l-example/

[Daniel]

Ohh, troede faktisk jQuery funktionen kørte efter samme princip som CSS.