Archief - CSS: IE werkt (weer) tegen...

S

SMa

Legacy Member

• 23 feb 2007

• #1

Problemen:
- menu is volledig fout
http://bacict.kahosl.be/simon.allaeys/NL/shuis.htm

Code:

/**
 * zet het menu op zijn plaats
 */
#navigatie {
	padding: 0px;
	margin-top: -45px; /* op de verflijn */
	font-family: "Bookman Old Style", sans-serif, Verdana, Arial;
	font-weight: 550;
}

/**
 * opsommingstekens weg van de lijst
 */
#navigatie li {
	list-style-type: none;
	text-align: center;
}

/**
 * algemene opmaak van het menu
 */
#navigatie li a {
	float: left;
	display: inline;
	width: 200px;
	text-decoration: none;
	color: #fff;
}

/**
 * instelling voor de hover van het menu
 */
#navigatie li a:hover {
	text-decoration: underline;
}

- reageert raar op de transparante .png's
Afbeeldingen zijn geplaatst dmv image replacement, bestaan daar ook hacks voor of zal ik ze toch in men html moeten zetten?

Code:

/**
 * image replacement voor Christ'All
 */
#header h1 a {
	margin: 5px 0px 0px 20px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../../Img/ChristAll.png) no-repeat;
	height: 95px;
	width: 350px;
	float: left;
}

En hoe kan ik op deze pagina de inhoud perfect verticaal centreren? (op iedere grote & resolutie)
http://bacict.kahosl.be/simon.allaeys/index.htm

o

orez

Legacy Member

• 23 feb 2007

• #2

op uw laatste vraag: zie sticky.
trouwens, vermeld eerst eens over welke versie van IE je het hebt ...

k

kornfleek

Legacy Member

• 23 feb 2007

• #3

ie geeft problemen wanneer je transparante pngs gebruikt.

http://homepage.ntlworld.com/bobosola/pnghowto.htm

Op bovenstaande site kan je een oplossing vinden.

S

SMa

Legacy Member

• 23 feb 2007

• #4

orez zei:

op uw laatste vraag: zie sticky.
trouwens, vermeld eerst eens over welke versie van IE je het hebt ...

Klik om te vergroten...

IE 6,
met IE 7 nog niet getest

kornfleek zei:

ie geeft problemen wanneer je transparante pngs gebruikt.

http://homepage.ntlworld.com/bobosola/pnghowto.htm

Op bovenstaande site kan je een oplossing vinden.

Klik om te vergroten...

ik heb dat script al geprobeerd en krijg het niet werkende met men css

deze ook al geprobeerd: http://bjorkoy.com/post/show/8
behavior wordt niet herkend door css?

J

Jos in het bos

Legacy Member

• 24 feb 2007

• #5

IE 6 ondersteunt PNG gewoonweg niet

in IE 7 komt je site trouwens ook volledig fout in beeld.

ik snap trouwens niet hoe je met zo' n simpel design problemen in CSS kan hebben
je zet de li' s op float zodat ze naast elkaar komen te staan, en dan geef je die div waar de ul instaat die achtergrond mee. eventueel nog beetje positioneren met margins, als het echt moet (probeer dat te vermijden) "position: absolute" gebruiken.

Succes ermee!

b

beire_beton

Legacy Member

• 25 feb 2007

• #6

Jos in het bos zei:

IE 6 ondersteunt PNG gewoonweg niet

als het echt moet (probeer dat te vermijden) "position: absolute" gebruiken.

Succes ermee!

Klik om te vergroten...

Waarom zou je dat moeten vermijden? Wordt toch zeer goed ondersteund en kan mooie resulataten opleveren + het geeft je veel vrijheid om semantische XHTML te schrijven. Niet?

s

servi

Legacy Member

• 25 feb 2007

• #7

class=[SPATIE]"taalmenu" -> class="taalmenu"

en naar wat ik me ook herinner heeft IE ook wat problemen met het begrip "inline".

( in IE 7 ziet het er trouwens ook verkeerd uit)

S

SMa

Legacy Member

• 26 feb 2007

• #8

Jos in het bos zei:

je zet de li' s op float zodat ze naast elkaar komen te staan, en dan geef je die div waar de ul instaat die achtergrond mee. eventueel nog beetje positioneren met margins.

Klik om te vergroten...

menu-probleem is opgelost

Nu probeer ik zo veel mogelijk in gif's om te zetten,
maar sommige zaken komen gewoon niet mooit uit...
dus zou wel nog graag een oplossing vinden voor die .png's... ad:
het verticaal centreren van de index-pagina blijkt ook niet te werken...


tot welke resolutie proberen jullie te ondersteunen?
1024*768 of toch nog tot 800*640?

S

SMa

Legacy Member

• 26 feb 2007

• #9

alles in gif kunnen zetten (was de "matte" optie vergeten bij photoshop, nu komt et tenminste mooi uit)

kan iemand nog antwoorden op men 2 laatste vragen aub?