[CSS] + [IE6] Background repeat-y - Softwareontwikkeling

woensdag 4 december 2002 11:05

Acties:

Verwijderd

Topicstarter

Haai,

Ik wil een div. in CSS een achtergrondje geven die 1px hoog is, en in de hoogte moet herhalen.

Dit werkt allemaal goed in IE 5.5, maar dus niet in versie 6

Ik heb mijn CSS door de CSS validator van W3C heen gehaald, maar geeft mij geen foutmeldingen terug.

Wederom zou alles dus moeten werken, maar dat doet't het dus niet ....

Heb dit in de CSS staan (wat naar mijn weten gewoon in orde moet zijn):

Cascading Stylesheet:

.divMenuBG {
    background-image: url(menu_BG.gif);
    background-repeat: repeat-y;
    position:absolute;
}

Iemand een idee ???

woensdag 4 december 2002 11:15

Acties:

Willem

Heeft de div een id of een class ?

en definieer background mèt enkele haakjes:

code:

1	background-image:url('../paard.jpg');

[ Voor 61% gewijzigd door Willem op 04-12-2002 11:15 ]

Motor (of auto) onderhoud bijhouden

woensdag 4 december 2002 11:17

Acties:

Hangloozz

{ @$%&# }

gebruik je die CSS definitie als class of als div-id?

anders moet je het eens proberen met een hash en dan de DIV een id meegeven:

HTML:

#divMenuBG {
    background-image: url(menu_BG.gif);
    background-repeat: repeat-y;
    position:absolute;
}

HTML:

1	<div id="divMenuBG">

En natuurlijk de standaard opmerkingen:
- heeft je afbeelding wel de naam inclusief hoofdletters?
- staat je afbeelding wel op de goede plaats?

www.jurgroessen.nl

woensdag 4 december 2002 11:18

Acties:

Verwijderd

Topicstarter

Div heeft een Class, maar ook een ID, however i use the Class.

Wat de haakjes betreft, zonder werkt ook gewoon ....
Het probleem zit hem in de "repeat" .

En jajaja, alle adressen kloppen, en het BG plaatje staat er gewoon, alleen word hij niet ge "repeat" ...

[ Voor 29% gewijzigd door Verwijderd op 04-12-2002 11:19 ]

woensdag 4 december 2002 11:19

Acties:

crisp

Devver

Pixelated

willem169 schreef op 04 December 2002 @ 11:15:
Heeft de div een id of een class ?

en definieer background mèt enkele haakjes:
code:
1
background-image:url('../paard.jpg');

voor zover ik weet is dat niet nodig hoor...

Intentionally left blank

woensdag 4 december 2002 11:21

Acties:

Willem

Zei ook niet dat het nodig was, wel netjes tho

De repeat-y is gewoon ok..
Post eens wat HTML ?

Motor (of auto) onderhoud bijhouden

woensdag 4 december 2002 11:23

Acties:

Verwijderd

Topicstarter

Uhhh yes..

CSS:
.divMenuBG {
background-image: url(menu_BG.gif);
background-repeat: repeat-y;
position:absolute;
left:0px;
top:103px;
width:115px;
height: 100% ;
z-index:3;
/* text-align: center;*/
}

HTML:
<div id="MenuBG" class="divMenuBG"></div>

[ Voor 10% gewijzigd door Verwijderd op 04-12-2002 11:26 . Reden: Foutje ;) ]

woensdag 4 december 2002 11:24

Acties:

crisp

Devver

Pixelated

willem169 schreef op 04 December 2002 @ 11:21:
Zei ook niet dat het nodig was, wel netjes tho

De repeat-y is gewoon ok..
Post eens wat HTML ?

True, by W3C gebruiken ze trouwens dubbele quotes zag ik net...

Intentionally left blank

woensdag 4 december 2002 11:25

Acties:

Verwijderd

Topicstarter

Maar ik begin het problem al te zien ....

Het zit heb denk ik in de 100% propherty ....
Als IE6 anders omgaat met de "height: 100%;" heb ik dus een probleem ...

Dan repeat hij dus wel, alleen niet mer helemaal naar beneden.

woensdag 4 december 2002 11:31

Acties:

Hangloozz

{ @$%&# }

gooi die text-align die je uitgecomment hebt d'r eens uit.
En ik zou alsnog kiezen voor toekenning van de styles via de ID..

Gooi anders ook je DTD eens uit en probeer het dan nog eens.

www.jurgroessen.nl

woensdag 4 december 2002 11:39

Acties:

crisp

Devver

Pixelated

Hangloozz schreef op 04 December 2002 @ 11:31:
gooi die text-align die je uitgecomment hebt d'r eens uit.
En ik zou alsnog kiezen voor toekenning van de styles via de ID..

Gooi anders ook je DTD eens uit en probeer het dan nog eens.

Of haal de link uit de DTD; dit heeft bij mij ook al eens problemen opgelost in IE6

Intentionally left blank

woensdag 4 december 2002 11:41

Acties:

Verwijderd

Topicstarter

WOW inderdaat...

Als ik de DTD eruit flikker werkt alles weer zoals het zou moeten ....

TNX..

PHP:

????

    Alleen dan de vraag (was te verwachten) wat er voor 
    gevolgen aanvast zitten als ik de DTD weg laat ...

????

[ Voor 5% gewijzigd door Verwijderd op 04-12-2002 11:42 . Reden: Foutje ]

woensdag 4 december 2002 11:46

Acties:

Hangloozz

{ @$%&# }

ff de link checken die in dit topic genoemd wordt:

xhtml page width verschil NS6 en IE6

www.jurgroessen.nl

woensdag 4 december 2002 11:56

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 04 December 2002 @ 11:41:
WOW inderdaat...

Als ik de DTD eruit flikker werkt alles weer zoals het zou moeten ....

TNX..
PHP:
1
2
3
4
5
6
????

    Alleen dan de vraag (was te verwachten) wat er voor 
    gevolgen aanvast zitten als ik de DTD weg laat ...

????

Als je nou in plaats van:

code:

1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

de DTD zonder URL doet (is sowieso niet verplicht):

code:

1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

dan gaat het naar mijn ervaring ook goed in IE6 (lijkt me dus gewoon een bug).
Ik ga er even vanuit dat het gewoon om HTML 4 transitional gaat...

Hangloozz schreef op 04 december 2002 @ 11:46:
ff de link checken die in dit topic genoemd wordt:

xhtml page width verschil NS6 en IE6

Woei! Dat maakt ook voor mij een hoop duidelijk! Vanavond thuis eens even wat mee testen...

[ Voor 21% gewijzigd door crisp op 04-12-2002 12:01 ]

Intentionally left blank

woensdag 4 december 2002 12:08

Acties:

Verwijderd

Topicstarter

Nee, het probleem blijft zich voordoen zolang ik er een dtd in laat, ook zonder link ...

woensdag 4 december 2002 14:22

Acties:

edwinistrator

edit; oeps, (een hoop onzin)

[ Voor 102% gewijzigd door edwinistrator op 04-12-2002 14:23 ]

woensdag 4 december 2002 18:31

Acties:

crisp

Devver

Pixelated

Ik heb het hier even getest met IE6 SP1 en daar gaat het wel goed met DTD zonder URL (en met URL gaat het fout)...

Intentionally left blank