[CSS] Border niet zichtbaar in IE

[radem205]

Hey,

Ik gebruik onderstaande code om een border (border-left: 4px solid #A39C84;)weer te geven bij elk list item ( LI ). In Firefox wordt deze goed weergegeven, maar in IE (versie 6) wordt de border niet getoond.

Weet iemand hoe dit kan?

CSS:

code:

#laatstenieuws ul { list-style-type: none; margin: 0; padding: 0; }
#laatstenieuws li { border-left: 4px solid #A39C84; margin-top: 10px; margin-left: 5px; }

HTML:

code:

<ul>
<li>Nieuwe website ontwikkeld voor .....</li>
<li>Bedrijfsnaam biedt nieuwe dienst aan</li>
<li>Nieuwe aanbiedingen op verschillende websites</li>
</ul>

[Verwijderd]

<li id="laatstenieuws"> gebruiken?

[Verwijderd]

code:

border-left-style: solid; border-left-color: #A39C84; border-left-width: 4px;

+ bovenstaande post

[ Voor 10% gewijzigd door Verwijderd op 28-01-2007 20:32 ]

[crisp]

Laatste twee replies zijn onzin.

Iig werkt je voorbeeld zo plain wel prima in IE6, dus ik vermoed eerder een hasLayout issue veroorzaakt door omringende markup en CSS; een testcase die dit probleem illustreerd zou dus handig zijn

[Verwijderd]

crisp schreef op zondag 28 januari 2007 @ 23:38:
Laatste twee replies zijn onzin.

Ah bon... een class niet definieren in een tag is dus onzin???
Hoe kan de tag li anders in godsnaam weten dat hij deze style moet gebruiken?
zkywalker heeft volgens mij geen onzin geschreven hoor...

[Reinier]

Verwijderd schreef op maandag 29 januari 2007 @ 16:04:
[...]

Ah bon... een class niet definieren in een tag is dus onzin???
Hoe kan de tag li anders in godsnaam weten dat hij deze style moet gebruiken?
zkywalker heeft volgens mij geen onzin geschreven hoor...

Omdat de hele UL in een div met id "laatstenieuws" zit (denk ik )

[crisp]

Verwijderd schreef op maandag 29 januari 2007 @ 16:04:
[...]

Ah bon... een class niet definieren in een tag is dus onzin???
Hoe kan de tag li anders in godsnaam weten dat hij deze style moet gebruiken?
zkywalker heeft volgens mij geen onzin geschreven hoor...

Zie Reinier, de UL staat al in een element met id="laatstenieuws". Je verward ID's met classes (ID's dienen uniek te zijn in een document, dus elk LI-element hetzelfde ID geven is zelfs invalid) en snapt waarschijnlijk het concept van descendant selectors nog niet echt

Verder is border-left: 4px solid #A39C84; gewoon valid CSS - dat is gewoon een short-hand property voor respectievelijk border-left-width, border-left-style en border-left-color, dus het is onzin om dat helemaal voluit te gaan schrijven.

[Verwijderd]

crisp schreef op maandag 29 januari 2007 @ 16:15:
[...]

Zie Reinier, de UL staat al in een element met id="laatstenieuws". Je verward ID's met classes (ID's dienen uniek te zijn in een document, dus elk LI-element hetzelfde ID geven is zelfs invalid) en snapt waarschijnlijk het concept van descendant selectors nog niet echt

Sorry, maar mijn glazen bol kon me niet vertellen dat er een div omheen stond.

[Verwijderd]

Verwijderd schreef op maandag 29 januari 2007 @ 17:24:
Sorry, maar mijn glazen bol kon me niet vertellen dat er een div omheen stond.

Je glazen bol niet maar de code wel:

Cascading Stylesheet:

#laatstenieuws li { /* ... */ }

HTML:

<ul>
  <!-- ... -->
</ul>

Er is dus blijkbaar een element met id="laatstenieuws" waar deze LI's instaan. Aangezien het niet de UL is is het dus een hoger liggend element. De kans dat het een <DIV> is is erg groot. Los daarvan kan de suggestie <li id="laatstenieuws"> hier niet de oplossing zijn:

Cascading Stylesheet:

#laatstenieuws li {
  /* Voor alle <li> elementen die een descendant zijn van een element
    met id="laatstenieuws" */
}

li#laatstenieuws  {
  /* Voor het <li> element met id="laatstenieuws" */
}

#laatstenieuws > li {
  /* Voor alle <li> elementen die een direct kind zijn van een element
    met id="laatstenieuws" */
}

[Rexomnium]

Hey,

Ik gebruik onderstaande code om een border (border-left: 4px solid #A39C84;)weer te geven bij elk list item ( LI ). In Firefox wordt deze goed weergegeven, maar in IE (versie 6) wordt de border niet getoond.

Weet iemand hoe dit kan?

Vreemd, in mijn IE werkt je code gewoon. Het zit dus ergens anders in.

Verwijderd schreef op maandag 29 januari 2007 @ 17:24:
[...]


Sorry, maar mijn glazen bol kon me niet vertellen dat er een div omheen stond.

offtopic:
Je moet ook niet in je glazen bol kijken, maar in de code die de TS aandraagt.

[Verwijderd]

crisp schreef op maandag 29 januari 2007 @ 16:15:
[...]

Zie Reinier, de UL staat al in een element met id="laatstenieuws". Je verward ID's met classes (ID's dienen uniek te zijn in een document, dus elk LI-element hetzelfde ID geven is zelfs invalid) en snapt waarschijnlijk het concept van descendant selectors nog niet echt

Verder is border-left: 4px solid #A39C84; gewoon valid CSS - dat is gewoon een short-hand property voor respectievelijk border-left-width, border-left-style en border-left-color, dus het is onzin om dat helemaal voluit te gaan schrijven.

En waar staat er in de eerste post dat die style aangeroepen wordt door een div met een id "laatstenieuws"??????

Ik denk ook dat ik veel geld ga verdienen, maar daarom is het nog niet zo hé...
Het is niet omdat reinier denkt dat ie in een div staat met een id dat het zo is.

[Verwijderd]

Er is dus blijkbaar een element met id="laatstenieuws" waar deze LI's instaan. Aangezien het niet de UL is is het dus een hoger liggend element. De kans dat het een <DIV> is is erg groot.

Je moet ook niet in je glazen bol kijken, maar in de code die de TS aandraagt.

Ik zal mijn glazen bol laten maken.

[ Voor 25% gewijzigd door Verwijderd op 29-01-2007 20:10 ]