Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login


Tycoon Talk > Web Development and Programming Support > HTML Forum > Dream Weaver problem, ApDiv not appearing in browser

Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Dream Weaver problem, ApDiv not appearing in browser
Old 09-19-2010, 02:00 PM Dream Weaver problem, ApDiv not appearing in browser
Marzo's Avatar
Novice Talker

Posts: 10
Name: Marzo
Location: Canada
Trades: 0
Talkupation: Marzo is on a distinguished road
Hi there guys.

I use Dream Weaver CS5 to create my websites. Ive been using the Draw AP div tool and it has been all going great, my site is basically done. So I want to create one last div and it creates it, I change the background image and everythings great, I save it and preview it in my browser. The div didn't appear!
I check and save it again and it didn't work still! I was previewing it in Google Chrome. So I check it in FireFox and it worked! Then I check it in Opera and it didn't work just like chrome! Can someone help me!

Here's my code:

HTML 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>Sa Clan Central - The perfect place for Stick Arena clans to discuss</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
	position:absolute;
	left:371px;
	top:5px;
	width:458px;
	height:109px;
	z-index:1;
	background-image: url(images/header.png);
}
#apDiv2 {
	position:absolute;
	left:7px;
	top:174px;
	width:258px;
	height:auto;
	z-index:2;
	background-color: #FF0000;
}
#apDiv3 {
	position:absolute;
	left:13px;
	top:193px;
	width:216px;
	height:auto;
	z-index:3;
	background-image: url(images/content_bg.png);
}
#apDiv4 {
	position:absolute;
	left:277px;
	top:173px;
	width:743px;
	height:324px;
	z-index:4;
}
body {
	background-color: #CCC;
	background-image: url(images/b_bg.PNG);
	background-repeat: repeat;
}
#apDiv5 {
	position:absolute;
	left:375px;
	top:163px;
	width:463px;
	height:26px;
	z-index:5;
	color: #000;
}
#apDiv6 {
	position:absolute;
	left:1031px;
	top:171px;
	width:258px;
	height:364px;
	z-index:6;
	background-color: #FF0000;
}
#apDiv7 {
	position:absolute;
	left:1004px;
	top:70px;
	width:216px;
	height:60px;
	z-index:7;
}
#apDiv8 {
	position:absolute;
	left:971px;
	top:192px;
	width:224px;
	height:auto;
	z-index:7;
	background-image: url(images/content_bg.png);
}
#apDiv9 {
	position:absolute;
	left:263px;
	top:193px;
	width:676px;
	height:271px;
	z-index:8;
	background-image: url(images/content_bg.png);
}
#apDiv10 {
	position:absolute;
	left:238px;
	top:493px;
	width:736px;
	height:50px;
	z-index:9;
	background-image: url(images/content_bg.png);
}
#apDiv11 {
	position:absolute;
	left:264px;
	top:188px;
	width:675px;
	height:6px;
	z-index:10;
	background-repeat:repeat;
	background-image: url(images/border_bottom.png);
}
body,td,th {
	font-size: medium;
}
#apDiv12 {
	position:absolute;
	left:260px;
	top:195px;
	width:5px;
	height:269px;
	z-index:11;
	background-image: url(images/border_side.png);
}
#apDiv13 {
	position:absolute;
	left:939px;
	top:195px;
	width:5px;
	height:269px;
	z-index:12;
	background-image: url(images/border_side.png);
}
#apDiv14 {
	position:absolute;
	left:264px;
	top:463px;
	width:675px;
	height:5px;
	z-index:13;
	background-image: url(images/border_bottom.png);
}
#apDiv15 {
	position:absolute;
	left:11px;
	top:187px;
	width:216px;
	height:6px;
	z-index:14;
	background-image: url(images/border_bottom.png);
}
#apDiv16 {
	position:absolute;
	left:7px;
	top:192px;
	width:6px;
	height:160px;
	z-index:15;
	background-image: url(images/border_side.png);
}
#apDiv17 {
	position:absolute;
	left:228px;
	top:193px;
	width:5px;
	height:160px;
	z-index:16;
	background-image: url(images/border_side.png);
}
#apDiv18 {
	position:absolute;
	left:13px;
	top:350px;
	width:214px;
	height:6px;
	z-index:17;
	background-image: url(images/border_bottom.png);
}
#apDiv19 {
	position:absolute;
	left:972px;
	top:187px;
	width:221px;
	height:6px;
	z-index:18;
	background-image: url(images/border_bottom.png);
}
#apDiv20 {
	position:absolute;
	left:968px;
	top:194px;
	width:4px;
	height:179px;
	z-index:19;
	color: #FF0;
	background-image: url(images/border_side.png);
}
#apDiv21 {
	position:absolute;
	left:1194px;
	top:194px;
	width:5px;
	height:179px;
	z-index:20;
	color: #FF0;
	background-image: url(images/border_side.png);
}
#apDiv22 {
	position:absolute;
	left:974px;
	top:371px;
	width:221px;
	height:6px;
	z-index:21;
	color: #FF0;
	background-image: url(images/border_bottom.png);
}
#apDiv23 {
	position:absolute;
	left:258px;
	top:189px;
	width:6px;
	height:6px;
	z-index:22;
	background-repeat:no-repeat;
	background-image:
	 url(images/left_corner.png);
}
#apDiv24 {
	position:absolute;
	left:938px;
	top:189px;
	width:6px;
	height:6px;
	z-index:23;
	color: #000;
	background-image: url(images/right_corner.png);
}
#apDiv25 {
	position:absolute;
	left:115px;
	top:51px;
	width:90px;
	height:63px;
	z-index:24;
}
#apDiv26 {
	position:absolute;
	left:938px;
	top:463px;
	width:5px;
	height:6px;
	z-index:24;
	background-image: url(images/right_corner2.png);
}
#apDiv27 {
	position:absolute;
	left:258px;
	top:464px;
	width:6px;
	height:6px;
	z-index:25;
	background-image: url(images/left_corner2.png);
}
#apDiv28 {	position:absolute;
	left:299px;
	top:183px;
	width:13px;
	height:13px;
	z-index:22;
	background-color: #000000;
}
#apDiv29 {	position:absolute;
	left:299px;
	top:183px;
	width:13px;
	height:13px;
	z-index:22;
	background-color: #000000;
}
#apDiv30 {
	position:absolute;
	left:5px;
	top:188px;
	width:6px;
	height:4px;
	z-index:26;
	background-image: url(images/left_corner.png);
}
#apDiv31 {
	position:absolute;
	left:227px;
	top:188px;
	width:7px;
	height:5px;
	z-index:27;
	background-image: url(images/right_corner.png);
}
#apDiv32 {
	position:absolute;
	left:5px;
	top:352px;
	width:8px;
	height:5px;
	z-index:28;
	background-image: url(images/left_corner2.png);
}
#apDiv33 {
	position:absolute;
	left:227px;
	top:351px;
	width:5px;
	height:7px;
	z-index:29;
	background-image: url(images/right_corner2.png);
}
#apDiv34 {
	position:absolute;
	left:966px;
	top:188px;
	width:7px;
	height:6px;
	z-index:30;
	background-image: url(images/left_corner.png);
}
#apDiv35 {
	position:absolute;
	left:1193px;
	top:188px;
	width:6px;
	height:6px;
	z-index:31;
	background-image: url(images/right_corner.png);
}
#apDiv36 {
	position:absolute;
	left:967px;
	top:373px;
	width:7px;
	height:6px;
	z-index:32;
	background-image: url(images/left_corner2.png);
}
#apDiv37 {
	position:absolute;
	left:1193px;
	top:373px;
	width:7px;
	height:5px;
	z-index:33;
	background-image: url(images/right_corner2.png);
}
#apDiv38 {
	position:absolute;
	left:508px;
	top:163px;
	width:107px;
	height:26px;
	z-index:34;
	background-image: url(images/nav%20bar/clan_list_no_hover.png);
}



#apDiv39 {
	position:absolute;
	left:331px;
	top:115px;
	width:451px;
	height:58px;
	z-index:34;
}
#apDiv40 {
	position:absolute;
	left:328px;
	top:138px;
	width:107px;
	height:29px;
	z-index:34;
	background-image: url(images/nav%20bar/clan_list_no_hover.png);
}
#apDiv40:hover{
background-image: url(images/nav%20/clan_list_hover;
	background-image: url(images/nav%20bar/clan_list_hover.png);
}
#apDiv41 {
	position:absolute;
	left:322px;
	top:136px;
	width:537px;
	height:53px;
	z-index:34;
}
a.imageLink { 
display:block; 
background:url(/images/nav%20bar/clan_list_no_hover.png) top no-repeat; 
width:100px; 
height:50px; 
text-decoration:none; 
} 
a.imageLink:hover { 
background-position:bottom; 
} 
a.imageLink span { 
visibility:hidden; 
}

Read more: [url]http://www.webdesign.org/html-and-css/tutorials/images-with-hover-effects.9130.html#ixzz0zYaXGjP3[/url]

#apDiv42 {
	position:absolute;
	left:128px;
	top:470px;
	width:535px;
	height:11px;
	z-index:34;
}
#apDiv43 {
	position:absolute;
	left:238px;
	top:481px;
	width:736px;
	height:12px;
	z-index:34;
	background-image: url(images/border_bottom.png);
}
#apDiv44 {
	position:absolute;
	left:63px;
	top:424px;
	width:760px;
	height:12px;
	z-index:34;
	background-image: url(images/border_bottom.png);
}
#apDiv42 {
	position:absolute;
	left:284px;
	top:475px;
	width:648px;
	height:10px;
	z-index:34;
	background-image: url(images/border_bottom.png);
}
</style>

</head>
<center>
<body>
<div id="apDiv1"></div>
<div id="apDiv3">
  <p>Sub-Navigation</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="apDiv5">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="458" height="26" id="FlashID" title="">
    <param name="movie" value="http://www.webmaster-talk.com/images/nav bar/Nav Bar.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="http://www.webmaster-talk.com/images/nav bar/Nav Bar.swf" width="458" height="26">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
<div id="apDiv8">
  <p>Server Select<br />
    <br />
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><br />
  </p>
</div>
<div id="apDiv9">
  <p>Key:<br />
    White=Content<br />
    Red=Content Wrapper<br />
    Green=Navigation Bar<br />
    Yellow=Content Borders<br />
    Black=Content Corner    </p>
  <p>&nbsp;</p>
  <p>Hi<br />
  </p>
</div>

<div id="apDiv10"><br />
  Footer</div>
<div id="apDiv11"></div>
<div id="apDiv12"></div>
<div id="apDiv13"></div>
<div id="apDiv14"></div>
<div id="apDiv15"></div>
<div id="apDiv16"></div>
<div id="apDiv17"></div>
<div id="apDiv18"></div>
<div id="apDiv19"></div>
<div id="apDiv20"></div>
<div id="apDiv21"></div>
<div id="apDiv22"></div>
<div id="apDiv23"></div>
<div id="apDiv24"></div>
<div id="apDiv26"></div>
<div id="apDiv27"></div>
<div id="apDiv30"></div>
<div id="apDiv31"></div>
<div id="apDiv32"></div>
<div id="apDiv33"></div>
<div id="apDiv34"></div>
<div id="apDiv35"></div>
<div id="apDiv36"></div>
<div id="apDiv37"></div>
<div id="apDiv42"></div>
</body>
</center>
</html>
__________________
-Html Noobie
Last edited by chrishirst; 09-19-2010 at 02:20 PM..
Marzo is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 09-19-2010, 02:25 PM Re: Dream Weaver problem, ApDiv not appearing in browser
chrishirst's Avatar
Missing! presumed drunk.

Latest Blog Post:
A Simple DHTML Tabbed Interface
Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Talkupation: chrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond repute
Don't use absolute positioning for everything, it is NOT necessary and cause "issues" with some browsers.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
 <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 09-19-2010, 02:26 PM Re: Dream Weaver problem, ApDiv not appearing in browser
Marzo's Avatar
Novice Talker

Posts: 10
Name: Marzo
Location: Canada
Trades: 0
Talkupation: Marzo is on a distinguished road
Quote:
Originally Posted by chrishirst View Post
Don't use absolute positioning for everything, it is NOT necessary and cause "issues" with some browsers.
Then how come all the other Absolute positioning works but apDiv42 doesn't appear?
__________________
-Html Noobie
Marzo is offline
Reply With Quote
View Public Profile
 
Old 09-19-2010, 04:05 PM Re: Dream Weaver problem, ApDiv not appearing in browser
chrishirst's Avatar
Missing! presumed drunk.

Latest Blog Post:
A Simple DHTML Tabbed Interface
Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Talkupation: chrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond reputechrishirst has a reputation beyond repute
Who knows?

With all that pointless positioning and uneccessary messing about with z-indexes it could be anywhere.

Try setting a few elements to display: none; and see where it's hiding.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
 <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 09-19-2010, 05:13 PM Re: Dream Weaver problem, ApDiv not appearing in browser
lynxus's Avatar
Awesomeo-Maximo

Latest Blog Post:
IMsupporting Foresight ( Sneak peek ) – Live...
Posts: 1,618
Location: UK
Trades: 1
Talkupation: lynxus is a splendid one to beholdlynxus is a splendid one to beholdlynxus is a splendid one to beholdlynxus is a splendid one to beholdlynxus is a splendid one to beholdlynxus is a splendid one to behold
On the subject of z-indexes, Try setting the divs one to 9999
__________________
██
Please login or register to view this content. Registration is FREE
●
Please login or register to view this content. Registration is FREE

██
Please login or register to view this content. Registration is FREE
 ●
Please login or register to view this content. Registration is FREE
lynxus is offline
Reply With Quote
View Public Profile Visit lynxus's homepage!
 
Reply     « Reply to Dream Weaver problem, ApDiv not appearing in browser
 
Previous Thread | Next Thread Tycoon Talk > Web Development and Programming Support > HTML Forum > Dream Weaver problem, ApDiv not appearing in browser

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.57071 seconds with 12 queries