Forum Moderators: open
I like everything and the layout, but the problems I'm havng are....
When I resize the window so does the site, thus you never have to scroll. I want everything to be locked. Also, when using and trying to add content in Dreamweaver, when I type in the right table it will expand and increase in width. So, I wanted the table to lock at width=150, but isnstead of going to the next line when the width max is reached, it will expand. Is there any fix to this other than using line break?
Here's a look at my code:
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en" />
<title></title>
<meta name="Description" content="None." />
<meta name="Keywords" content="None" />
<style type="text/css" />
<!--
body, table, tr, td, div {padding: 0px; margin: 0px; border-style: none; border-width: 0px; border-collapse: collapse;}
body {height: 100%;background-color: #000000; background-image: url('images/brick_fade_plain.jpg'); width: 100%;}
.div_layer {position: absolute; z-index: 0; height: 100%; width: 100%; left: 0px; top: 0px;}
.positional {position: relative; top: 50%; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #DDDDDD;}
.exp {width: 100%; height: 100%;}
.cell {vertical-align: top;}
.bord {width: 10px; background-color:#000000;}
.bord2 {height: 10px; background-color:#000000;}
-->
</style><body>
<div class="div_layer">
<table class="exp">
<tr>
<td height="97" ColSpan="5"> </td>
</tr>
<tr>
<td class="bord2" ColSpan="5"></td>
</tr><tr>
<td class="cell" width="150"><img src="images/menu.jpg"></td>
<td class="bord"></td>
<td class="cell">
<div align="center">
<p>Hello this is the bomb and let me tell you something tvery interetsint you may want to know. I love pizza and people and so do others I know... what you thinka bout that my friend? </p>
<p><p></p>
<p>asdoo?asdnasdiknadiknaiondfsjdfnsdklnsdfgkndfgkl;sndfgmsdfg </p>
</div>
</td>
<td class="bord"></td>
<td width="150" class="cell"><div align="justify"></div></td>
</tr></table>
</div>
</body>
</html>
<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>
[edited by: tedster at 4:30 am (utc) on Mar. 11, 2005]
There is one glitch - max-width is not supported in IE. But IE does support expressions in CSS rules, so there is a workaround.
Check out this thread:
[webmasterworld.com...]
