javascript - IE6 Strict Mode & Top:0, Bottom:0 -


I am creating an extensible window control in javascript and I want to use two boxes like this:

  & lt; Div id = "outer" & gt; & Lt; Div id = "inner" & gt; The content goes here ... & lt; / Div & gt; & Lt; / Div & gt;  

CSS for this will be as follows:

  #outer {status: full; Top: 20px; Left: 20px; Height: 200 pixels; Width: 200px; } #inner {Position: Absolute; Top: 0; Bottom: 0; Left: 0; Correct: 0; Limit: 10px solid red; }  

It is being thought that the offset height and width of the inner box will not be more than 200px, even if its limit (as shown in CSS).

It works in all major browsers, but not IE6. The reason is that it does not support the idea of ​​combining top: 0, bottom: 0, left: 0 and right: to fill 0 in the original container.

In quirks mode, because the box model royally gets spoiled, you can set the height and width to 100% and can be done, however, I am working in standard mode.

Is there a pure CSS solution? If not, can you advise on the JavaScript solution, which does not include measuring offset value, setting height / width and then reducing the difference?

Thanks in advance!

This is a jQuery solution of your problem.

$ (document) .ready (function () {border_left = parseint ($ ("#interior"). CSS ("border width"), 10); limit_reference = parseint ($ ( CSS ("border width"), 10) border_pass = parsIN ($ (css ("borderline"), 10) border_bottom = parsih ($ ("#interior") .css ("borderbutth width" Width = $ ("#inter") width ($ ("#inter") width (width); $ ("#internal") height ($ range) border (upper = $ ("# exterior" ) Width () - (boundary_ area + boundary_bottom); high E (height);});

Cheers ...


Comments

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

jquery - SimpleModal Confirm fails to submit form -

php - Multiple Select with Explode: only returns the word "Array" -