Gå til innhold

Feil i Firefox, "Design Drop"


Anbefalte innlegg

Heisann, har et veldig irriterende problem og noen få spørsmål som jeg håper enkelte kan hjelpe meg med. Noe av dette gjelder kun i Firefox og har lastet opp et bilde som illustrerer problemet.

 

Problemet:

Den øverste delen av designet mitt dropper ned 5-10px fra toppen mens IE takler dette helt fint. Jeg har prøvd og google litt men kan ikke finne noe som løser problemet mitt. Kan hende det er enkelt og kanskje ikke?

 

Sceenshot/Bilde av Problemet:

Klikk her for å se bildet.

 

Kode, HTML & CSS,

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MD5 Crypter</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="top">

<div id="top_content">  

	<div id="form"> 

	<form action="index.php" method="POST" >
	  <p>
		<input name="md5_crypter" class="crypter_box" tyoe="text"  />
		</p>
	</form>

	</div>

</div>

</div>

</body>
</html>

 

* {
margin: 0px;
padding: 0px;
}

.crypter_box {
width: 300px;
height: 30px;
margin-left: auto;
margin-right: auto;
}	

#top {
height: 100px;
width: 100%;
background:url(top_gradient.jpg);
}

#top #top_content {
width: 400px;
height: 100px;
margin-top: 30;
margin-left: auto;
margin-right: auto;
}

#top #top_content #form {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 30px;
margin-top: 10px;
}

 

Hva er feilen her og hvordan kan jeg rette dette opp i Firefox? Et annet spørsmål. Er det mulig og mittstille en FORM som ligger inne i en <div> tag? Prøvde og mittstille ved å sette margin-right/left: auto men dette gikk altså ikke.

 

Takker for alle kommende svar :D

Lenke til kommentar
Videoannonse
Annonse
Ang. form-problemet ditt så kan du vel bare legge det inn i et fieldset og midstille det? evt. legge formen i den div og midstille den?

 

Ja, har lagt den inn i en div og midtstilt dette. Så det funker, men hva med mitt andre problem, anyone?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...