Css + strækning af design

Tags:    html css

Hej.

Jeg sidder og leger lidt med noget javascript og css.

Jeg har to div der vises når man trykker på en knap (De har display: none som default).

Den ene har en border, og lidt farve og sådan. Den indeholder den tekst man taster ind. Den kan godt strække

Den anden indeholder en baggrund der har width og height på 100% og et baggrundsbillede.

Problemet er at baggrunden ikke strækkes, men min div med tekst gør. Så det ser lidt mærkeligt ud.

Jeg har også det problem at width 100% ikke virker i IE. Jeg har googlet efter en løsning, men ej fundet noget jeg kunne bruge.

Det hele lyder måske lidt forvirrerende, også derfor jeg har linket til de forskellige ting :D

Selve siden: http://dumpen.dk/include/preview/ (Tryk på preview)
Javascript delen: http://dumpen.dk/include/preview/include/javascript/javascript.js
Css delen: http://dumpen.dk/include/preview/css/default.css

Hvis du ikke forstår så spørg venligst ! :D



2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
hvis du sætter en fast højde og bruge

overflow: auto;

kommer der en scrollbar inde i din din

En anden løsning er at lave script der talte antal linje og herefter regne højden, som baggrunden derefter sættes til



Jeg brugte dette link: http://luke.breuer.com/tutorial/javascript-modal-dialog.aspx

Små problemer dog:
Baggrunden virker slet ikke i IE (heller ikke uden opacity)
Jeg kan ikke scrolle når teksten er lang i Firefox, men ellers ser det da lovende ud :P (Også derfor den står på overflow: auto; nu)



t