Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- max-height issue


birdbrain - 8:29 pm on Jul 22, 2012 (gmt 0)


Hi there caffinated,

the "max-height" attribute works OK in my IE8 browser. ;)

I tested it with this code...

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">

<title>untitled document</title>

<style>
#box {
width:486px;
max-height:300px;
border:1px solid #999;
margin:auto;
overflow:auto;
}
</style>

</head>
<body>

<div id="box">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Proin massa. Nam vehicula. Morbi velit nisi, mollis id,
ultrices luctus, adipiscing sit amet, lectus. Nunc rhoncus
nisl ac enim. Maecenas vestibulum dolor ut velit. Maecenas
condimentum pulvinar purus. Pellentesque ac ipsum. Curabitur
sodales, elit vel molestie hendrerit, elit odio rhoncus tellus,
nec gravida enim urna id velit. Donec nec tellus. Vestibulum
nulla. Curabitur enim arcu, ornare id, placerat eget, nonummy
vitae, mauris. Nulla rutrum semper odio. Duis vulputate ornare
mauris. Praesent eget nibh sed ante ultricies scelerisque. Duis
eget felis ut arcu porta bibendum. Mauris rutrum. Vivamus
consectetuer purus sit amet mi. Suspendisse eu augue.
</p><p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Proin massa. Nam vehicula. Morbi velit nisi, mollis id,
ultrices luctus, adipiscing sit amet, lectus. Nunc rhoncus
nisl ac enim. Maecenas vestibulum dolor ut velit. Maecenas
condimentum pulvinar purus. Pellentesque ac ipsum. Curabitur
sodales, elit vel molestie hendrerit, elit odio rhoncus tellus,
nec gravida enim urna id velit. Donec nec tellus. Vestibulum
nulla. Curabitur enim arcu, ornare id, placerat eget, nonummy
vitae, mauris. Nulla rutrum semper odio. Duis vulputate ornare
mauris. Praesent eget nibh sed ante ultricies scelerisque. Duis
eget felis ut arcu porta bibendum. Mauris rutrum. Vivamus
consectetuer purus sit amet mi. Suspendisse eu augue.
</p>
</div>

</body>
</html>


birdbrain


Thread source:: http://www.webmasterworld.com/css/4478033.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com