[css] clippen div werkt niet

[tombo_inc]

hallo,
ik ben wat met css aan het klooien en nu was ik bezig met de clip property.
als ik echter een div wil clippen dan doet ie dat niet. de hele div verdwijnt gewoon van mijn scherm.
ik heb voor mijn gevoel alles geprobeerd, maar niks wil werken. weet iemand hoe dit kan?
mijn code:

Cascading Stylesheet:

#divid {
  border: 1px solid green;
  float: left;
  padding: 0px 3px 0px 3px;
  position: absolute;
  left: 20px;
  right: 20px;
  overflow: hidden;
  clip: rect(100px, 5px, 100px, 5px)
}

de div bevat verder een aantal links en plaatjes.

[frickY]

Als ik mij niet vergis gebruik je clip voor afbeeldingen.
Voor een div zou ik de breedte en hoogte gewoon instellen, en de overflow op hidden.

Zie ook http://www.w3schools.com/css/pr_pos_clip.asp

[BtM909]

Het zou in principe moeten werken, hoe groot is je div eigenlijk?

[Fatamorgana]

Is dit niet een beetje raar? clip: rect(100px, 5px, 100px, 5px)

x,y 2x hetzelfde.

[tombo_inc]

mijn div is 100px hoog en 400 breed. verder zijn de parameters van de rect(top, right, bottom, left).
het lijkt mij ook dat het moet werken, maar mijn div verdwijnt gewoon.

[crisp]

In alle browsers?
IE heeft namelijk nogal moeite met clipping. Het vreemde is dat IE het in sommige gevallen pas pakt als je de clipping property dmv script toekent.

zie bijvoorbeeld deze testcase (eigenlijk voor een Opera bug bedoelt, maar demonstreert ook het IE-probleem)

on another note:

Cascading Stylesheet:

clip: rect(100px, 5px, 100px, 5px);

de specificatie zegt:

rect(<top>, <right>, <bottom>, <left>) where <top> and <bottom> specify offsets from the top border edge of the box, and <right>, and <left> specify offsets from the left border edge of the box.

Als je top == bottom en left == right doet dan blijft er weinig over om te laten zien
dit is gewijzigd in CSS 2 revisie 1 t.o.v. 2.0 - het kan dus goed zijn dat sommige sites het nog verkeerd uitleggen

[ Voor 50% gewijzigd door crisp op 31-03-2006 20:26 ]

[tombo_inc]

kijk dat lijkt er al meer op . ik vond de parameters ook al raar. nu ik de werkelijke betekenis ken lukt het me wel. FF doet het goed, IE alleen niet. IE clipt niet maar laat gewoon alles zoals het was. dat ga ik nu eerst ff fixen. bedankt iig.

[Rowanov]

niet wakker

[ Voor 94% gewijzigd door Rowanov op 31-03-2006 20:50 ]