Avatar billede amazon Nybegynder
16. september 2008 - 19:55 Der er 3 kommentarer og
1 løsning

uorden i IE med css styling af formular

Jeg har en side med noget formular, hvor jeg har det nogenlunde som jeg gerne vil have det i FF men det "roder" i IE.

meningen er, at dd og dt skal følges parvis, men det gør det ikke i IE... forslag modtages med kyshånd!

http://grafikk.webkompagniet.dk/indmeldelse/indmeld-her.html?tx_srfeuserregister_pi1[cmd]=create

css'en er her:

/* default styles for extension "tx_srfeuserregister_pi1" */
        .tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; }
        .tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
        .tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; }
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
        .tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
        .tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
        .tx-srfeuserregister-pi1 label span { color: #ff0000; }
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
        .tx-srfeuserregister-pi1 input { margin: 0; padding: 0 .5em 0 0; }
        .tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
        * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
        .tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
        * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }       
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
        .tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
        .tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
        .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
        .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
        .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
        .tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
        .tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
        .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
        .tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 1em; }
        .tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
        .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
        * html .tx-srfeuserregister-pi1 dd { float: none; }
        .tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
        .tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }
Avatar billede zips Juniormester
17. september 2008 - 01:10 #1
Som jeg ser det, er det dit indhold som laver denne forskel, så når der er meget indhold i den ene tekst dt ved din dd ikke at den skal have samme højde som din dt

Det kan løses ved en fast højde eller lave det hele i en tabel, men måske andre ved hvordan man kan gøre dine dt og dd lige høje alt efter indhold i den ene af dem.
Avatar billede amazon Nybegynder
17. september 2008 - 08:50 #2
ja, tabeller undgår jeg jo helst... Jeg ville jo gerne om man kunne lave en eller anden måde hvorpå de "retter ind" efter hinanden mht. højde i css'en.
En anden løsning, tænkte jeg er, at jeg kunne lægge en clear-div ind efter hver dd, men igen ...

Jeg vil jo helst styre det i css'en - så er der nogen, der har en anden løsning er jeg klar på det!
Avatar billede amazon Nybegynder
17. september 2008 - 08:52 #3
Er ikke helt stærk i det der med clear og float, men jeg ville jo tro at det kunne løses med de to på en eller anden måde?
Avatar billede amazon Nybegynder
05. maj 2009 - 17:58 #4
hmmm. det var vist en nogo, så hvis ikke nogen byder ind med en css-løsning, så må vi vist hellere få lukket den her...?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester