Forum Moderators: not2easy
Basically what I have is a flash menu and HTML text. All the divs are working with my wrapper, background, and menu spacing etc, but this last div (mainpicture) is just totally kaput upon viewing the page.
HTML code:
<body>
<div id="main_wrapper">
<div id="main_block">
<div id="menu">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="27" id="menu" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="menu.swf" /><param name="quality" value="high"/>
<param name="bgcolor" value="#ffffff" /><embed src="menu.swf" quality="high" bgcolor="#ffffff" width="650" height="27" name="menu" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div id="mainpicture">
hello
</div>
</div>
</div>
</body>
relevant CSS code:
#main_wrapper {
background-image: url('images/mainbg.jpg');
margin-top: 70px;
text-align: center;
height: 400px;
margin-left: 0px;
width: 100%;
}
#main_block {
top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('/images/brmainblock.gif');
height: 400px;
width:650px;
}
#menu {
position: relative;
top: 13px;
margin-left: auto;
margin-right: auto;
height: 27px;
width: 650px;
}
#mainpicture (
position: absolute;
background-color: #FFFFFF;
top: 200px;
left: 5px;
height: 310px;
width: 340px;
}
Suggestions, as always, graciously welcome. :)
[edited by: encyclo at 1:15 am (utc) on Feb. 22, 2007]
[edit reason] examplified, see forum charter [/edit]
id<[b]div id="menu"[/b]>
<[b]object[/b] classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="27" [b]id="menu"[/b] align="middle">So with both the
divobjectidYou should run your markup and CSS through the validator to fix these problems first, then once the page validates you can see if the bug still occurs.
HTML validator [validator.w3.org]
CSS validator [jigsaw.w3.org]
[edited by: encyclo at 1:15 am (utc) on Feb. 22, 2007]
it's amazing what a little ( instead of an { can do.
