7 svar · 573 visningar · startad av richardjoha
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"> </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"> </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!