FF - IE css

Door Timen kut op 02-10-2008 12:08

240 views

Hey daar!

ik heb m'n site volledig opgebouwd met CSS.
Alle mogelijke rare dingen die je in IE wel ziet en in FF niet er uit gehaald.
op ééntje na die ik er maar niet uit krijg.
http://www.envyum.nl/ffie.jpg
Op bovenstaande afbeelding is links een screenshot van IE, en rechts van FF..

De DIV waar de search in staat is:


#search{
	width:188px;
	height:17px;
	*width:200px;
	*height:10px;
	border:1px solid #cbcbcb;
	background-image:url(../img/spacer.jpg);
	font-family: tahoma;
	font-color: #4e4e4e;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}

en het groene balkje er boven:


#searchbar{
	width:200px;
	height:10px;
	background:#28cacc;
	margin-bottom:1px;
}

En het formulier zelf:



-----------------------CSS-----------------------------------------
.form{ 
	font-family: tahoma;
	font-size: 9px;
	color : #373737;
}
.submitbutton{
	font-family:tahoma;
	font-size:10px;
	color:#232323; 
	font-weight:bold; 
	background:none; 
	border:none;
}
-----------------------HTML-----------------------------------------
<form action="index.php" method="POST">
<input type="text" name="zoek" size="27" class="form" />
<input type="submit" name="search" value="Zoeken" class="submitbutton" />
</form>

Iemand een oplossing?

Alvast bedankt!

Thijs Damen

02-10-2008 12:27

hoogstwaarschijnlijk een ie render bug. heb de oplossing niet zo uit mijn hoofd (overflow:hidden) zou het zo kunnen zijn. maar google is op IE render bug ik weet zeker dat je wat vind.

Tamara

02-10-2008 13:16

ie behandelt de padding anders dan dat ff t behandelt... misschien dat t daar aan kan liggen?

wat ik vaak doe als ik een verschil tussen ie en ff tegenkom, is alle padding, margin, height en width waardes weghalen, en elke keer er iets bijdoen, zodat je erachter kan komen wat de oorzaak is.

Timen kut

02-10-2008 13:55

Fixed :-)


	#search form {
		padding: 0px;
		margin: 0px;
	}

Onbekend Onbekend

02-10-2008 15:39

IE gaat niet goed om met padding.. Dus daar moet je niet te veel van gebruiken ;)

* != valid..

Mohamed nvt

02-10-2008 16:05

width:188px;
    height:17px;
    *width:200px;
    *height:10px;

bovenstaande code is niet goed, want waarom gebruik je twee keer width en height?. ik zou een width en een height gebruiken!

Tamara

02-10-2008 16:13

die met een * is een hack voor IE ;)

Reageren

Inloggen om te reageren