The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> 2 scroll bars, whats wrong
Chocolate
post Oct 3 2008, 08:22 AM
Post #1


Novice
**

Group: Members
Posts: 28
Joined: 27-September 08
Member No.: 6,752
HI, iam just trying to upload my web site . but i got a problem. i have a small horizontal scroll bar. when i scroll to side i saw two vertical scroll bars. i don't know what's wrong. here is the code.

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web constructors.com</title>

</body>
<style type="text/css">
<!--
body {
background-color: #cef7c4;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
body {
margin:0px;
background-color: #FFFFFF;
}

td {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#003366;
}

a {
color: #FF6600;
font-weight:bold;
}

a:hover {
color: #3366CC;
}

/* ID Styles */

#navigation td {
border-bottom: 2px solid #C0DFFD;
}

#navigation a {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
display:block;
padding:8px 6px 10px 26px;
background: url("mm_arrow.gif") 14px 45% no-repeat;
}

#navigation a:hover {
background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
color:#FF6600;
}

#logo {
font:24px Verdana, Arial, Helvetica, sans-serif;
color: #CCFF99;
letter-spacing:.2em;
line-height:30px;
}

#tagline {
font:12px Verdana, Arial, Helvetica, sans-serif;
color: #FF9933;
letter-spacing:.4em;
line-height:18px;
}

#monthformat {
border-bottom: 2px solid #E6F3FF;
}

#dateformat {
font:11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
letter-spacing:.2em;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #003366;
border-bottom-color: #003366;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}

#dateformat a {
font:11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
font-weight:bold;
letter-spacing:.1em;
}

#dateformat a:hover {
color: #FF6600;
letter-spacing:.1em;
}

.pageName{
font: 18px Verdana, Arial, Helvetica, sans-serif;
color: #3366CC;
line-height:24px;
letter-spacing:.2em;
}
.g {
color: #000000;
}


.subHeader {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #3366CC;
line-height:16px;
letter-spacing:.2em;
}

.quote {
font: 20px Verdana, Arial, Helvetica, sans-serif;
color: #759DA1;
line-height:30px;
}

.smallText {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
}

.navText {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
}
#apDiv1 {
position:absolute;
left:-16px;
top:213px;
width:71px;
height:30px;
z-index:1;
}
.style5 {color: #FFFFFF}
.style6 {
color: #E9A338;
font-size: 14px;
}
.style8 {font-size: 16px}
#apDiv2 {
position:absolute;
left:61px;
top:142px;
width:82px;
height:58px;
z-index:1;
background-color: #FF0000;
}
</style>
<style type="text/css">
body{overflow-y:auto; height:100%;}
#menu {
display:block;
top:132px;
left:-15px;
width:130px;
position:fixed;
padding:10px;
text-align:left;
font-weight:bold;
color:#fff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.a {
height: 80px;
background-image: none;
text-align: left;
}
* html #menu {position:absolute;}
#menu a:visited, #menu a {
display:block;
width:120px;
height:20px;
margin:0 auto;
text-align:left;
text-decoration:none;
line-height:20px;
color:#000;
border: 1px solid #000000;

}
#menu a:hover {
}
.clear {clear:both;}
p:first-letter {font-size:25px; color:#d88;}
#fixpic {display:block; width:108px height:145px; position:fixed; bottom:0; left:0;}
* html #fixpic {position:absolute;}
.back {
background-image: url(images/btn%20orig.jpg);

}
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<body onload="MM_preloadImages('images/home over.jpg','images/Contact us over.jpg','images/Terms over.jpg','images/Details over.jpg')">
<table width="998" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="389" height="127" valign="top"><table width="500" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="387" height="131" align="center" valign="middle" bgcolor="#155CC6"><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','132','src','images/1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/1' ); //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="132">
<param name="movie" value="images/1.swf" />
<param name="quality" value="high" />
<embed src="images/1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="150" height="132"></embed>
</object></noscript></td>
</tr>
</table></td>
<td width="313" valign="top"><table width="103%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="311" align="center" valign="middle" bgcolor="#165CC7"><table width="100%" height="132" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="311" height="65" align="center" valign="middle" bgcolor="#165CC7"><span class="style5"><span class="style8">Web Construstors.com</span><br />
<br />
</span>
<hr />
<span class="style6">We create the world</span></td>
</tr>
</table></td>
</tr>

</table></td>
<td width="302" align="left" valign="top" bgcolor="#165CC7" height="100"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','302','height','100','src','a2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','a2' ); //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="302" height="100">
<param name="movie" value="a2.swf" />
<param name="quality" value="high" />
<embed src="a2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="150" height="132"></embed>
</object></noscript></td>
</tr>
</table>
<script type="text/javascript">
function disableRightClick(e)

{

var message = "No more right click's";



if(!document.rightClickDisabled) // initialize

{

if(document.layers)

{

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown = disableRightClick;

}

else document.oncontextmenu = disableRightClick;

return document.rightClickDisabled = true;

}

if(document.layers || (document.getElementById && !document.all))

{

if (e.which==2||e.which==3)

{

alert(message);

return false;

}

}

else

{

alert(message);

return false;

}

}

disableRightClick();
</script>
<div class="a" id="menu">
<span class="g"></span><a href="#" title="Home" class="back">Home</a>
<a href="Contact Us.html" title="Contact us" class="back">Contact us</a>
<a href="#" title="Send Website details" class="back">Send Details</a>
<a href="#bites" title="Our terms and conditions" class="back">Terms and condtions</a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<script language="JavaScript">
<!--

//''''''''''''''-:: Consultancy | Software & Application Development | Outsourcing...................................................!
var current = 0
var x = 0
var speed = 100
var speed2 = 1000

function initArray(n) {
this.length = n;
for (var i =1; i <= n; i++) {
this[i] = ' '
}
}

typ = new initArray(1)
typ[0]="Web Constructors.com:we create the world............"

function typewrite() {
var m = typ[current]

window.status = m.substring(0, x++) + "_"

if (x == m.length + 1) {
x = 0
current++

if (current > typ.length - 1) {
current = 0
}

setTimeout("typewrite()", speed2)
}

else {
setTimeout("typewrite()", speed)
}
}

typewrite()

//-->
</SCRIPT>
</html>


iam using dreamweaver cs3. please help me, this my first site that is to be uploaded.

Thank you

This post has been edited by Darin McGrew: Oct 3 2008, 11:25 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Chocolate
post Oct 3 2008, 08:30 AM
Post #2


Novice
**

Group: Members
Posts: 28
Joined: 27-September 08
Member No.: 6,752
when i remove the body overflow-y:auto it worked. but i need that for fixed div menu.

is there any alternate to overflow?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 25th April 2024 - 11:50 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC