24. august 2007 - 01:27
Der er
9 kommentarer og 1 løsning
Min form flyder ud over mine div's i Firefox
Hej eksperter Som overskriften lyder, har jeg store problemer med, at min form overskrider mine div rammer i Firefox... Jeg har leget en del med problemet, og har fundet ud af, at hvis jeg fjerner <form method=''....> så løses problemet og formen vises korrekt inden for rammerne. Indsættes førnævnte kode igen, opstår fejlen selvfølgelig. Er der nogen af jer eksperter, der har erfaringer med dette og eventuelt kan fortælle mig hvorledes problemet løses? Det skal siges at det kun er et firefox problem pt. På forhånd tak.
Annonceindlæg fra Infor
Slettet bruger
24. august 2007 - 10:43
#1
kan du ikke give os et link til en side i stedet. Beskrivelsen giver os ikke videre meget at arbejde med.
24. august 2007 - 10:56
#2
Jeg kan desværre ikke givet et link til siden, men jeg har lavet et lille screenprint af selve problemet:
http://www.aimshop.dk/fejl_form.jpg Håber det er til lidt nytte...
På forhånd tak.
Slettet bruger
24. august 2007 - 11:43
#3
Saa smid noget kode, ellers kan vi ikke hjaelpe, beklager. VI skal jo se hvad du laver, ellers kan vi ikke forklare hvad der er gaaet galt.
24. august 2007 - 11:49
#4
<div id='div_content'> // START -> SHOW-HIDE Second delivery address echo " <script language='javascript'> function check(action) { document.getElementById('div_del_02').style.display = action ? 'block' : 'none'; } </script> "; // STOP -> SHOW-HIDE Second delivery address echo " <form method='post' action=''> <table style='border:0px width:650px;'> <tr> <td style='width:325px; vertical-align:top;'> <div id='div_del_01'> <h2>Faktureringsadresse</h2> <table border='0' width='305'> <tr> <td> <p>Firmanavn</p> <input class='del_standard' type='text' name='field_company'> </td> <td></td> </tr> <td> <p>Fornavn</p> <input class='del_standard' type='text' name='field_firstname'> </td> <td> <p>Efternavn</p> <input class='del_standard' type='text' name='field_surname'> </td> </tr> <tr> <td colspan='2'> <p>Addresse</p> <input class='del_longfield' type='text' name='field_address'> </td> </tr> <tr> <td colspan='2'> <input class='del_longfield' type='text' name='field_address2'> </td> </tr> <tr> <td colspan='2'> <div style='float:left;'> <p>Post nr.</p> <input class='del_zipcode' type='text' name='field_zipcode'> </div> <div style='float:right;'> <p>By</p> <input class='del_city' type='text' name='field_city'> </div> </td> </tr> <tr> <td> <p>Telefon</p> <input class='del_standard' type='text' name='field_telephone'> </td> <td> <p>Mobil</p> <input class='del_standard' type='text' name='field_cellphone'> </td> </tr> <tr> <td colspan='2'> <p>E-mail</p> <input class='del_longfield' type='text' name='field_email'> </td> </tr> <tr> <td colspan='2'> <p style='display:inline; margin-right: 103px;'>Er leveringsadressen en anden end faktureringsadressen?</p> <p style='display:inline;'>Ja</p> <input type='radio' name='field_otherdelivery' value='ja' onclick='check(true);'> <p style='display:inline;'>Nej</p> <input type='radio' name='field_otherdelivery' value='nej' checked='checked' onclick='check(false);'> </td> </tr> <tr> <td colspan='2'> <p style='display:inline; margin-right: 14px;'>Hvor har du hørt om Aimshop?</p> <select class='del_standard' name='field_knowhow'> <option>Vælg her</option> <option>Webside</option> <option>Søgemaskine</option> <option>LAN-arrangementer</option> <option>Radio</option> <option>E-mail</option> <option>Brev</option> <option>Andet</option> </selected> </tr> <tr> <td colspan='2'> <p style='display:inline; margin-right: 14px;'>Modtag Aimshops nyhedsbrev - <b>gratis</b></p> <p style='display:inline;'>Ja</p> <input type='radio' name='field_newsletter' value='ja' checked='checked'> <p style='display:inline;'>Nej</p> <input type='radio' name='field_newsletter' value='nej'> </td> </tr> </table> </div> </td> <td style='width:350px; vertical-align:top;'> <div id='div_del_02'> <h2>Leveringsadresse</h2> <table border='0' width='305'> <tr> <td> <p>Firmanavn</p> <input class='del_standard' type='text' name='field_company_02'> </td> <td></td> </tr> <td> <p>Fornavn</p> <input class='del_standard' type='text' name='field_firstname_02'> </td> <td> <p>Efternavn</p> <input class='del_standard' type='text' name='field_surname_02'> </td> </tr> <tr> <td colspan='2'> <p>Addresse</p> <input class='del_longfield' type='text' name='field_address_02'> </td> </tr> <tr> <td colspan='2'> <input class='del_longfield' type='text' name='field_address2_02'> </td> </tr> <tr> <td colspan='2'> <div style='float:left;'> <p>Post nr.</p> <input class='del_zipcode' type='text' name='field_zipcode_02'> </div> <div style='float:right;'> <p>By</p> <input class='del_city' type='text' name='field_city_02'> </div> </td> </tr> <tr> <td> <p>Telefon</p> <input class='del_standard' type='text' name='field_telephone_02'> </td> <td> <p>Mobil</p> <input class='del_standard' type='text' name='field_cellphone_02'> </td> </tr> <tr> <td colspan='2'> <p>E-mail</p> <input class='del_longfield' type='text' name='field_email_02'> </td> </tr> </table> </div> </td> </tr> </table> <table style='border:650px;'> <tr> <td style='width:325px; text-align:left;'><a href='/Min-kurv/'><img src='/images/but_step_back.jpg' border='0' alt='Gå tilbage'></a></td> <td style='width:325px; text-align:right; padding-right:4px;'><input type='image' src='/images/but_step_next.jpg' alt='Gå til næste skridt'></a></td> </tr> </table> </div>
24. august 2007 - 12:01
#5
<ole> Du må vise noget CSS også :) /mvh </bole>
24. august 2007 - 12:03
#6
- og meget gerne et link, så vi kan se, hvordan siden ser ud
24. august 2007 - 12:08
#7
body { margin: 44px; background-image: url('images/bg_body.jpg'); background-repeat: repeat-x; } #div_body { position: relative; width: 906px; margin-left: auto; margin-right: auto; } #div_aimlogo { position: absolute; margin-top: -44px; margin-bottom: 0px; margin-left: 35px; } #div_menu { position: relative; margin-top: 44px; padding-left: 358px; margin: 0px; } #div_breadcrumb { position: relative; z-index: 2; width: 906px; height: 34px; background-image: url('/images/bg_breadcrump.jpg'); background-repeat: no-repeat; font-family: verdana; font-size: 10px; color: black; margin-top: -5px; padding-left: 18px; vertical-align: center; display: block; } #div_toplogo { position: relative; margin: 0px; padding-top: 11px; background-image: url('/images/pic_pletskud.jpg'); background-repeat: no-repeat; width: 906px; height: 246px; } #div_del_01 { width: 305px; } #div_del_02 { width: 305px; display: none; } #top_basket { position: relative; margin-left: 10px; margin-bottom: 0px; height: 134px; width: 221px; background-color: #1d1c1a; } #top_basket span { float: right; margin-top: 3px; margin-right: 7px; font-family: verdana; font-size: 10px; font-weight: bold; color: white; } #top_search { position: relative; margin-top: 4px; margin-left: 10px; height: 97px;; width: 221px; background-color: #1d1c1a; } #top_search span { float: right; margin-top: 3px; margin-right: 7px; margin-bottom: 0px; font-family: verdana; font-size: 10px; font-weight: bold; color: white; } #div_container { position: relative; background-color: white; border-top: 0px; border-left: 4px; border-right: 4px; border-bottom: 0px; border-style: solid; border-color: #e1e1e1; width: 898px; margin: 0px; vertical-align: top; } #div_subcampaign { float: left; width: 228px; margin-top: 0px; } #div_content { width: 650px; margin-top: 0px; margin-left: 235px; margin-bottom: 10px; vertical-align: top; min-height: 370px; } #div_bottom { position: relative; margin: 0px; height: 35px; font-family: verdana; font-size: 10px; color: white; text-align: center; padding-top: 9px; background-image: url('/images/bg_bottom.jpg'); background-repeat: no-repeat; } div.step_next { padding-top: 28px; margin-right: 1px; float: right; position: relative; } div.step_back { padding-top: 28px; margin-left: 1px; float: left; position: relative; } div.sub01 { position: relative; background-color: white; padding-top: 8px; padding-left: 16px; width: 205px; height: 21px; font-family: verdana; font-size: 10px; font-weight: bold; border-color: white; border-top-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 6px; border-left-color: #891a1a; border-style: solid; } div.sub02 { display: relative; background-color: #efeaea; padding-top: 8px; padding-left: 16px; width: 205px; height: 21px; font-family: verdana; font-size: 10px; font-weight: bold; border-color: white; border-top-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 6px; border-left-color: #891a1a; border-style: solid; } div.campaign { position: relative; border-top-width: 4px; border-top-color: #891a1a; border-top-style: solid; max-width: 228px; width: 228px; } div.go { position: relative; } table.basket { margin-top: 3px; border: 0px; } table.search { vertical-align: middle; height: 50px; border: 0px; } td.topic_basket { padding-left: 6px; width: 43px; height: 28px; font-family: verdana; font-size: 10px; color: white; font-weight: bold; margin-top: 15px; margin-left: 6px; } td.topic_search { padding-left: 6px; width: 150px; height: 28px; font-family: verdana; font-size: 10px; color: white; font-weight: bold; margin-top: 15px; margin-left: 6px; } td.topic_input { height: 22px; margin-top: 15px; } td.buy_process_red { font-family: verdana; font-size: 10px; font-weight: bold; color: white; background-image: url('/images/bg_shopstatus_red.jpg'); background-repeat: repeat-x; height: 30px; width: 17%; text-align: center; } td.buy_process_blue { font-family: verdana; font-size: 10px; color: white; background-image: url('/images/bg_shopstatus_blue.jpg'); background-repeat: repeat-x; height: 30px; width: 17%; text-align: center; } td.buy_process_basket_left { border-left-width: 3px; border-left-style: solid; border-left-color: #bcbaba; height: 31px; font-family: verdana; font-size: 10px; color: black; padding-left: 3px; } td.buy_process_basket_right { border-right-width: 3px; border-right-style: solid; border-right-color: #bcbaba; height: 31px; font-family: verdana; font-size: 10px; color: black; } td.buy_process_basket_left_blue { border-left-width: 3px; border-left-style: solid; border-left-color: #0282cc; height: 31px; font-family: verdana; font-size: 10px; color: black; padding-left: 3px; } td.buy_process_basket_right_blue { border-right-width: 3px; border-right-style: solid; border-right-color: #0282cc; height: 31px; font-family: verdana; font-size: 10px; color: black; } td.buy_process_basket { height: 31px; font-family: verdana; font-size: 10px; color: black; } form { height: 0px; margin-top: } input.frontpage { margin-left: 7px; margin-right: 0px; padding-top: 3px; padding-left: 6px; padding-right: 5px; vertical-align: middle; text-align: right; width: 145px; height: 15px; background-color: white; border-width: 1px; border-style: solid; border-color: #5f5e5c; font-family: verdana; font-size: 10px; color: black; } input.frontpage_sum { margin-left: 7px; margin-right: 0px; padding-top: 3px; padding-left: 6px; padding-right: 5px; vertical-align: middle; text-align: right; width: 145px; height: 15px; background-color: white; border-width: 1px; border-style: solid; border-color: #5f5e5c; font-family: verdana; font-size: 10px; font-weight: bold; color: black; } input.frontpage_search { margin-left: 7px; margin-right: 0px; padding-top: 3px; padding-left: 6px; padding-right: 5px; vertical-align: middle; text-align: left; width: 161px; height: 15px; background-color: white; border-width: 1px; border-style: solid; border-color: #5f5e5c; font-family: verdana; font-size: 10px; color: black; } input.go { width: 28px; height: 22px; } input.del_standard { width: 144px; height: 14px; padding-top: 2px; font-family: verdana; font-size: 10px; color: black; border-style: solid; border-width: 1px; border-color: #bcbaba; } input.del_zipcode { width: 38px; height: 14px; padding-top: 2px; text-align: center; font-family: verdana; font-size: 10px; color: black; border-style: solid; border-width: 1px; border-color: #bcbaba; } input.del_city { width: 230px; height: 14px; padding-top: 2px; font-family: verdana; font-size: 10px; color: black; border-style: solid; border-width: 1px; border-color: #bcbaba; } input.del_longfield { width: 296px; height: 14px; padding-top: 2px; font-family: verdana; font-size: 10px; color: black; border-style: solid; border-width: 1px; border-color: #bcbaba; } select.del_standard { width: 115px; height: 14px; padding-top: 2px; font-family: verdana; font-size: 10px; color: black; border-style: solid; border-width: 1px; border-color: #bcbaba; } a.white { color: white; text-decoration: none; } a.white:active { color: white; text-decoration: none; } a.white:visited { color: white; text-decoration: none; } a.white:hover { color: white; text-decoration: underline; } a.sub { color: black; text-decoration: none; } a.sub:active { color: black; text-decoration: none; } a.sub:visited { color: black; text-decoration: none; } a.sub:hover { color: black; text-decoration: underline; } .breadcrumb { position: relative; z-index: 2; width: 906px; height: 34px; background-image: url('/images/bg_breadcrump.jpg'); background-repeat: no-repeat; font-family: verdana; font-size: 10px; color: black; margin-top: -5px; vertical-align: center; display: block; } .breadcrumb div { padding-left: 18px; padding-top: 14px; } .breadcrumb span { font-family: verdana; font-size: 10px; color: black; } img { margin: 0px; border: 0px; } img.menu { border: 0px; margin-left: 4px; } #img_aimlogo { padding-right: 107px; } #tb_cat_overview{ margin-top: 17px; margin-left: 19px; border: 0px; width: 620px; } #top_basket { position: relative; height: 134px; width: 221px; background-color: #1d1c1a; } #td_bottom { background-image: url('/images/bg_bottom.jpg'); background-repeat: no-repeat; height: 33px; font-family: verdana; font-size: 10px; color: white; text-align: center; vertical-align: center; } #tb_pro_rand { padding-top: 20px; } td.spacing { height: 25px; } td.cat_overview{ width: 125px; font-family: verdana; font-size: 10px; color: black; vertical-align: top; } a { text-decoration: none; color: black; font-family: verdana; font-size: 10px; } a:visited { text-decoration: none; color: black; font-family: verdana; font-size: 10px; } a:active { text-decoration: none; color: black; font-family: verdana; font-size: 10px; } a:hover { text-decoration: underline; color: black; font-family: verdana; font-size: 10px; } a.red { text-decoration: none; color: #ba0000; font-family: verdana; font-size: 10px; line-height: 25px; } a.red:visited { text-decoration: none; color: #ba0000; font-family: verdana; font-size: 10px; } a.red:active { text-decoration: none; color: #ba0000; font-weight: bold; font-family: verdana; font-size: 10px; } a.red:hover { text-decoration: underline; color: #ba0000; font-family: verdana; font-size: 10px; } a.cat_list { text-decoration: none; color: black; } a.cat_list:active { text-decoration: none; color: black; font-weight: bold; } a.cat_list:visited { text-decoration: none; color: black; } a.cat_list:hover { text-decoration: underline; color: black; } h1 { margin: 0px; font-family: verdana; font-size: 14px; color: black; } h2 { margin: 0px; font-family: verdana; font-size: 12px; color: #bcbaba; } p { font-family: verdana; font-size: 10px; color: black; margin: 0px; line-height: 15px; } p.pro_rand_proname { font-family: verdana; font-size: 10px; color: black; font-weight: bold; } p.pro_redprice { font-family: verdana; font-size: 12px; color: #cd0000; font-weight: bold; } p.red { font-family: verdana; font-size: 10px; color: #ba0000; margin: 0px; } p.pro_price_large { font-family: verdana; font-size: 24px; color: white; margin: 0px; font-weight: bold; } td.pro_rand_cont { font-family: verdana; font-size: 10px; color: black; } img.no_link { border: 0px; } img.product { border: 0px; } #pro_box_price_bg { z-index: 1; position: relative; margin-top: 21px; background-image: url('/images/bg_pro_price.jpg'); background-repeat: no-repeat; width: 134px; height: 80px; } #pro_box_price { z-index: 2; position: relative; top: 12px; width: 134px; } #pro_box_add { position: relative; top: 45px; left: 38px; width: 134px; font-weight: bold; font-family: verdana; font-size: 10px; color: black; } #pro_box_levering { position: relative; top: 12px; width: 134px; font-family: verdana; font-size: 10px; color: black; line-height: 15px; } #minSpan1{ font-family: verdana; font-size: 24px; color: black; font-weight: bold; position:absolute; top:1px; left:1px; text-align: center; width: 134px; } #minSpan2{ font-family: verdana; font-size: 24px; color: white; font-weight: bold; position:absolute; top:0px; left:0px; background:transparent; z-index:2; text-align: center; width: 134px; }
24. august 2007 - 12:08
#8
Kan desværre ikke smide link, da det ikke må offentliggøres...
27. august 2007 - 14:57
#9
Der er ikke nogen, der kan give et oplagt bud på, hvad fejlen kan være?
28. august 2007 - 14:39
#10
lukker :(
Vi tilbyder markedets bedste kurser inden for webudvikling