G
Guest
Hello,
When the text in div.b is longer than width of page - width of div.a then it
dissapears. How can I make div.b take all the space in div.o (width: auto is
not working) and not dissapear?
Regards,
Talthen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
..a {position: relative; height: 100%; float: left; width: auto; padding:
10px}
..b {position: relative; width: auto; overflow: hidden; float: left; padding:
10px; background-color: red}
..o {overflow: hidden; height: 100%; width: 100%; border: 1px ridge #0193DD}
</style>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<body>
<div class="o">
<div class="a" align="left"><img src="menu.gif" height="90%"
alt="menu"></div>
<div class="b"><h3 align="center">dfg dgdsg dsfg sdfgs dsfg</h3>
gdsfgdf dfgdsfg sdfgsd dfgds dfg dfg dsfg dfg sdfg sdf
hhhhhhhhhhhhhhhhhhhhn hhhhhh h
</div>
</div>
</body>
</html>
When the text in div.b is longer than width of page - width of div.a then it
dissapears. How can I make div.b take all the space in div.o (width: auto is
not working) and not dissapear?
Regards,
Talthen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
..a {position: relative; height: 100%; float: left; width: auto; padding:
10px}
..b {position: relative; width: auto; overflow: hidden; float: left; padding:
10px; background-color: red}
..o {overflow: hidden; height: 100%; width: 100%; border: 1px ridge #0193DD}
</style>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<body>
<div class="o">
<div class="a" align="left"><img src="menu.gif" height="90%"
alt="menu"></div>
<div class="b"><h3 align="center">dfg dgdsg dsfg sdfgs dsfg</h3>
gdsfgdf dfgdsfg sdfgsd dfgds dfg dfg dsfg dfg sdfg sdf
hhhhhhhhhhhhhhhhhhhhn hhhhhh h
</div>
</div>
</body>
</html>