New to CSS, and am just learning usage of dreamweaver so sorry if my question seems basic, and yes i am guilty of using WYSIWYG software. Usually i fight until i figure it out, but this problem has got the best of me this time.
What happens is everything seems fine when maximized on my site, but when the window is resized smaller my whole little world goes to hell :(
Spaces form to the right of my screen when the horizontal Nav Bar is scrolled, and it seems as if i have tried everything, but am sure i missed something. Please be as basic ( Kinda step by stepish if you find the time to help). Thank you all in advance.
I will Place a link to my test site, and have everything stripped down on my page to the problem i am having.
http://www3.telus.net/public/lannea
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:100%;
height:130px;
z-index:1;
left: 0px;
top: 0px;
background-color: #333333;
}
#apDiv2 {
position:absolute;
width:380px;
height:124px;
z-index:1;
}
#apDiv3 {
position:absolute;
width:150px;
height:100px;
z-index:2;
left: 400px;
top: 15px;
}
#apDiv4 {
position:absolute;
width:200px;
height:80px;
z-index:3;
left: 600px;
top: 30px;
}
.style3 { font-size: 24px;
color: #FFFFFF;
font-style: italic;
}
#apDiv5 {
position:absolute;
width:100px;
height:100px;
z-index:4;
left: 810px;
top: 20px;
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="apDiv1">
<div id="apDiv2"><img src="TCB DRK.jpg" width="380" height="124" /></div>
<div id="apDiv3">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','150','height','100','src','Movie2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Movie2' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="150" height="100">
<param name="movie" value="Movie2.swf" />
<param name="quality" value="high" />
<embed src="Movie2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="150" height="100"></embed>
</object>
</noscript></div>
<div id="apDiv4"><strong><span class="style3">Quality Worldwide Service! </span></strong></div>
<div id="apDiv5">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100','height','100','src','Globe','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','Globe' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100" height="100">
<param name="movie" value="Globe.swf" />
<param name="quality" value="high" />
<embed src="Globe.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="100"></embed>
</object>
</noscript></div>
</div>
</body>
</html>
