Avatar billede aquix Nybegynder
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.
Avatar billede 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.
Avatar billede aquix Nybegynder
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.
Avatar billede 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.
Avatar billede aquix Nybegynder
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>
Avatar billede olebole Juniormester
24. august 2007 - 12:01 #5
<ole>

Du må vise noget CSS også  :)

/mvh
</bole>
Avatar billede olebole Juniormester
24. august 2007 - 12:03 #6
- og meget gerne et link, så vi kan se, hvordan siden ser ud
Avatar billede aquix Nybegynder
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;
}
Avatar billede aquix Nybegynder
24. august 2007 - 12:08 #8
Kan desværre ikke smide link, da det ikke må offentliggøres...
Avatar billede aquix Nybegynder
27. august 2007 - 14:57 #9
Der er ikke nogen, der kan give et oplagt bud på, hvad fejlen kan være?
Avatar billede aquix Nybegynder
28. august 2007 - 14:39 #10
lukker :(
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