CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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.

Synes godt om

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.

Synes godt om

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.

Synes godt om

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.

Synes godt om

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>

Synes godt om

olebole Juniormester

24. august 2007 - 12:01 #5

<ole>

Du må vise noget CSS også :)

/mvh
</bole>

Synes godt om

olebole Juniormester

24. august 2007 - 12:03 #6

- og meget gerne et link, så vi kan se, hvordan siden ser ud

Synes godt om

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;
}

Synes godt om

aquix Nybegynder

24. august 2007 - 12:08 #8

Kan desværre ikke smide link, da det ikke må offentliggøres...

Synes godt om

aquix Nybegynder

27. august 2007 - 14:57 #9

Der er ikke nogen, der kan give et oplagt bud på, hvad fejlen kan være?

Synes godt om

aquix Nybegynder

28. august 2007 - 14:39 #10

lukker :(

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS

05/07

Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab

05/07

Store sager fra BMW i5: Alt er bare perfekt afstemt her

05/07

Nørgaard: Derfor bruger fattigrøvene AI meget mere end de rige svin

05/07

IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”

05/07

Kom i problemer efter ransomware-angreb: Nu køber rigmand Christian Stadil IT-Hotellets bunker

05/07

Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods

05/07

Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder

05/07

Hackerangreb på OpenAI: Selskabets designs af AI-teknologi stjålet

05/07

Efter skatte-dom: IBM Danmark sætter 163 millioner kroner til side til ekstra skatte-regning i Danmark

05/07

KMD ændrer i sit ikoniske logo efter 17 år

05/07

Klar tale til Tesla og SAP: Snart skal du tale med dit ERP-system

Vis flere artikler

IT-JOB

Matriks IT ApS

Spændende udfordring for en Business Central-udvikler

Itm8

Bliv vores nye Collaboration Konsulent hos itm8

Region Midtjylland

Vil du begejstre med data? Bliv BI-udvikler i Digitalisering og It

Itm8

Bliv vores nye Senior Collaboration Konsulent hos itm8

Kompasbank A/S

Tech Governance Support Specialist

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 00:30	Fejl i Ark Af Morten_Jepsen i Excel
06/0716:56	Kan min mobil hackes Af SBS i Mobiltelefoner
06/0712:56	Forskellige billeder til forskellige skærme ? Af snedker1 i Mac
06/0711:56	Om brug af funktionen sumprodukt Af Erik R i Excel
05/0722:41	Hjælp til at skrive opgave Af Needhelp i Småopgaver