Hi!
I am trying to create a simple webpage. When displaying it in Opera 7.23 it looks correct but when displaying it in IE 6.0 there is a small width problem.
See for yourself:
<!-- m --><a class="postlink" href="http://www.control.auc.dk/~kthe00/test/index.php">http://www.control.auc.dk/~kthe00/test/index.php</a><!-- m -->
The stylesheet I am using is:
<!-- m --><a class="postlink" href="http://www.control.auc.dk/~kthe00/test/kt.css">http://www.control.auc.dk/~kthe00/test/kt.css</a><!-- m -->
The problem is to the upper right where the width varies in IE but not in Opera.
I dont' know much about it but I have heard about a classical widt problem in IE... something about setting widt to 99% instead of 100%... but that didn't work.
I hope you are willing to help
Best regards
Kim Therkelsenactually, opera is the browser reading your scripts wrong, because mozilla and ie display it about the same (not the usual result). Think of a different way to do your scripts. How about making that layout fluid? Not everyone uses 1028 x 786, have your layout move to specify their needs. <!-- w --><a class="postlink" href="http://www.bluerobot.com">www.bluerobot.com</a><!-- w --> has fundamental layouts, just the basic framework, I suggest modding it because it will give you what you want and be fluid. Just leave credit to them in your source.
EDIT, I see you did make it fluid, nevermind, it just stretches real funny. I would fix the nav width and make the middle stretch, in Ie the middle does not stretch but rather slides down, in mozilla the nav overlaps the content.Thank you for your answer. Your link has given me some good inspiration and I now have a fixed nav width but still I have some problems stretching the middle. In IE it can't stretch very much before it slides down. It depends on the content of the page (the index page is not good). If the middle slides down it sometimes help to reload the page some times - then it stays where it should
Another problem is that the middle is still too narrow. It is not much but I hate looking at it.
I could make alle the positions and sizes static but then it is not very nice to look at in different resolutions for instance 800x600 - but the layout is correct
Do you have any idea about what to do about the middle being too narrow while maintaining it stretchable?Mozilla FireBird v0.7 -- Resolution 1024*764 -- PC/Windows. The content drops down below the menu. It's too wide.Unrelated to your problem, but here's some issues I see with your code.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->
<div class="leftcontainer">
<div class="menuitem"><a class="currentmenu" href=http://www.webdeveloper.com/forum/archive/index.php/"index.php" onmouseover="lite(this)" onmouseout="lite(this)">Forside</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"projekter.php" onmouseover="lite(this)" onmouseout="lite(this)">Projekter</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"curriculum_vitae.php" onmouseover="lite(this)" onmouseout="lite(this)">Curriculum Vitae</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"fritid.php" onmouseover="lite(this)" onmouseout="lite(this)">Fritid</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"billeder.php" onmouseover="lite(this)" onmouseout="lite(this)">Billeder</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"webkamera.php" onmouseover="lite(this)" onmouseout="lite(this)">Webkamera</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"soeg.php" onmouseover="lite(this)" onmouseout="lite(this)">S榇
I am trying to create a simple webpage. When displaying it in Opera 7.23 it looks correct but when displaying it in IE 6.0 there is a small width problem.
See for yourself:
<!-- m --><a class="postlink" href="http://www.control.auc.dk/~kthe00/test/index.php">http://www.control.auc.dk/~kthe00/test/index.php</a><!-- m -->
The stylesheet I am using is:
<!-- m --><a class="postlink" href="http://www.control.auc.dk/~kthe00/test/kt.css">http://www.control.auc.dk/~kthe00/test/kt.css</a><!-- m -->
The problem is to the upper right where the width varies in IE but not in Opera.
I dont' know much about it but I have heard about a classical widt problem in IE... something about setting widt to 99% instead of 100%... but that didn't work.
I hope you are willing to help
Best regards
Kim Therkelsenactually, opera is the browser reading your scripts wrong, because mozilla and ie display it about the same (not the usual result). Think of a different way to do your scripts. How about making that layout fluid? Not everyone uses 1028 x 786, have your layout move to specify their needs. <!-- w --><a class="postlink" href="http://www.bluerobot.com">www.bluerobot.com</a><!-- w --> has fundamental layouts, just the basic framework, I suggest modding it because it will give you what you want and be fluid. Just leave credit to them in your source.
EDIT, I see you did make it fluid, nevermind, it just stretches real funny. I would fix the nav width and make the middle stretch, in Ie the middle does not stretch but rather slides down, in mozilla the nav overlaps the content.Thank you for your answer. Your link has given me some good inspiration and I now have a fixed nav width but still I have some problems stretching the middle. In IE it can't stretch very much before it slides down. It depends on the content of the page (the index page is not good). If the middle slides down it sometimes help to reload the page some times - then it stays where it should
Another problem is that the middle is still too narrow. It is not much but I hate looking at it.
I could make alle the positions and sizes static but then it is not very nice to look at in different resolutions for instance 800x600 - but the layout is correct
Do you have any idea about what to do about the middle being too narrow while maintaining it stretchable?Mozilla FireBird v0.7 -- Resolution 1024*764 -- PC/Windows. The content drops down below the menu. It's too wide.Unrelated to your problem, but here's some issues I see with your code.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m -->
<div class="leftcontainer">
<div class="menuitem"><a class="currentmenu" href=http://www.webdeveloper.com/forum/archive/index.php/"index.php" onmouseover="lite(this)" onmouseout="lite(this)">Forside</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"projekter.php" onmouseover="lite(this)" onmouseout="lite(this)">Projekter</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"curriculum_vitae.php" onmouseover="lite(this)" onmouseout="lite(this)">Curriculum Vitae</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"fritid.php" onmouseover="lite(this)" onmouseout="lite(this)">Fritid</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"billeder.php" onmouseover="lite(this)" onmouseout="lite(this)">Billeder</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"webkamera.php" onmouseover="lite(this)" onmouseout="lite(this)">Webkamera</a></div>
<div class="menuitem"><a class="menu" href=http://www.webdeveloper.com/forum/archive/index.php/"soeg.php" onmouseover="lite(this)" onmouseout="lite(this)">S榇