Hjälp med Bugg

I IE ser sidan normal ut. dvs som jag tänkt. Men när jag kör den i Firefox laggar den och mina formulär lägger sig över. se bifogat matreal.

Finns säkert en jäkligt enkel lösning. Några ideer?

Använder du float? Isåfall skulle nog "clear: both" göra underverk.

fiddler skrev:

Använder du float? Isåfall skulle nog "clear: both" göra underverk.

hmm.. ja det kanske skulle funka.. så här ser koden ut,

<DIV id="adress">Vill du ta kontakt med oss via E-post? Använd gärna formuläret här nedan så hör vi av oss så fort vi kan.</DIV>
      
	  				
			
			<form action="?sida=kontakta" method="post" name="contact">
            
			<DIV id="form">Ditt namn:
			<DIV class="p"><input name="name" type="text" value="<?php echo $name ?>"></DIV>
			
			<DIV class="p">E-mail: </DIV>
			<DIV class="p"><input name="email" type="text" value="<?php echo $email ?>"></DIV>
			
			<DIV class="p">Titel:</DIV>
			<DIV class="p"><input name="subject" type="text" value="<?php echo $subject ?>"></DIV>
						
			<DIV class="p">Meddelande</DIV>
			<DIV class="p"><textarea name="message" cols="30" rows="8"><?php echo $message ?></textarea></DIV>
			
			<input name="submit" type="submit" value="Skicka">
			<input name="submit" type="reset" value="Rensa">
			
			</DIV>
			
			
         </form>
      <?php
}
?>

  </DIV>

#adress { MARGIN-LEFT: 5px; MARGIN-BOTTOM: 5px; FONT-SIZE: 0.9em; COLOR: #000; LINE-HEIGHT: 1.6em; FONT-WEIGHT: bold;
}

#adress P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-TOP: 0.5em
}

#form { MARGIN-LEFT: 5px; MARGIN-BOTTOM: 8px; FONT-SIZE: 0.9em; COLOR: #000; LINE-HEIGHT: 1.6em; FONT-WEIGHT: bold;
}

#form P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0.5em; MARGIN: 0px; PADDING-TOP: 0.5em
}

fiddler skrev:

Använder du float? Isåfall skulle nog "clear: both" göra underverk.

Så här ser spelten ut som texter och formulären ligger i:

.uppdaterat {
	BACKGROUND: url(../gfx/uppdaterat-bg.jpg) no-repeat center bottom; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; WIDTH: 380px; HEIGHT: 290px;
}

och i tidigare inlägg ser ni vad som händer.

Vart ska jag skriva in clear both?

Testa att lägga

<div style="clear: both">&nbsp;</div>

närmast innan sluttaggen för diven som är stylad med ".uppdaterat".
(Vet inte riktigt om   behövs, men jag vill minnas det...)

I din kod framgår det inte var du har lagt in "Piscing elit etc...." Men du vill antagligen skriva

<div style="clear: both;"></div>

mellan form-divven och den blåa divven

/HB

fiddler skrev:

Testa att lägga

<div style="clear: both">&nbsp;</div>

närmast innan sluttaggen för diven som är stylad med ".uppdaterat".
(Vet inte riktigt om   behövs, men jag vill minnas det...)

Får det inte att fungera.. :(

okej, kan du lägga upp sidan på en server så kan vi kolla i detalj, alternativt posta fullständiga koden och CSS: en så ska vi nog få ordning på det hela!