Closed Bug 33960 Opened 25 years ago Closed 25 years ago

Linked stylesheet class absolute height NOT honored

Categories

(Core :: CSS Parsing and Computation, defect, P3)

Product:
Core
Component:
CSS Parsing and Computation
Platform:
x86
Windows NT
Type:
defect

Tracking

()

Status:
VERIFIED INVALID

People

(Reporter: jdell, Assigned: attinasi)

Details

Attachments

(1 file)

sample JPG that I used to show error condition
(deleted), image/jpeg
Details 
I have noticed a problem with a class element in a linked stylesheet where the
absolute height is NOT honored.

Using the following style sheet...

<style type="text/css">
	div.Logo {
  	position:absolute;
  	top:5px;
  	left:5px;
  	width:95%;
  	height:70px;
  	visibility:inherit;}
</style>

If I render a JPG image using the class as follows, the height is set
proportionally to the width, EXCEEDING the 70px height specified in the class...

<html><head><link rel="stylesheet" href="style.css"></head>
<body>
<div class=Logo align="center">
   <img src="BNR.jpg" border="0" alt="ClaimBridge Home" width=100% height=100%>
</div></body></html>

However, if is use and EMBEDDED style definition for the class, it works fine
and does not exceed the 70px limit specified in the class...

<html><head><style type="text/css">
		div.Logo {
		  position:absolute;
		  top:5px;
		  left:5px;
		  width:95%;
		  height:70px;
		  visibility:inherit;}
	</style></head>

<body>
<div class=Logo align="center">
   <img src="BNR.jpg" border="0" alt="ClaimBridge Home" width=100% height=100%>
</div></body></html>
</body>
</html>

    
    

    
  
--> style system, this is not layout.

Component: Layout → Style System

    
    

    
  
Reassigning to owner of component
Assignee: troy → pierre
QA Contact: petersen → chrisd

    
    

    
  
I think this must be related somehow to bug 35847 which reports that rules 
defined in html.css do not work, but if they are defined in the document they do 
work. I'm not sure it is a dup, but they look related.
Assignee: pierre → attinasi
Status: UNCONFIRMED → NEW
Ever confirmed: true

    
    

    
  
I tried testing this and I don't see the problem.  I made the specified height
20px, so it was easier to see, and I DID NOT INCLUDE the HTML markup you show in
my external stylesheet.

If you actually had HTML markup in your external stylesheet than the whole thing
should be ignored.  (Actually, what should happen is that the first rule should
be ignored because the selector for the first rule is "<style type="text/css">
div.Logo", which is not a correct CSS selector, but there's only one rule in the
stylesheet.)  Was that the case?

If so, this bug is INVALID, since it worked fine without the HTML markup in the
stylesheet.  If not, you need to explain more clearly what the problem is,
because the 'height' property in the external stylesheet worked fine.

    
    

    
  
Good catch, David. Too bad that isn't the case for bug 35847...
Target Milestone: --- → M17

    
    

    
  
Well I apologize, I just learned something new.  All along, I have been putting 
<style>...</style> around my external style sheets and they work with IE.  Not 
only that, but some parts do seem to work with Mozilla.

Thanks for the education, and my apologies.  I recommend closing this one.

    
    

    
  
Marking INVALID.
Status: NEW → RESOLVED
Closed: 25 years ago
Resolution: --- → INVALID

    
    

    
  
Adding 'verifyme' keyword
Keywords: verifyme

    
    

    
  
Source code problem not Mozilla's marking as Verified.

Status: RESOLVED → VERIFIED
Keywords: verifyme

          You need to log in
          before you can comment on or make changes to this bug.
        






  

    
  







  

    

      
Attachment

      

      
      
      
      
    

    

      

        

          

            
General

            

              Creator: 



            

            
Created: 

            
Updated: 

            
Size: