Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- IE6 Absolute Positioning problem


cyberpunkstudio - 11:10 am on Jul 8, 2009 (gmt 0)


The HTML is displayed above but here it is:

[codes]
<!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>

</head>

<body>

<div id="header">

<h1 id="logo"><a href="" title="Publishing Comics"><img src="" alt="Publishing Comics" width="203" height="195" /></a></h1>
<div id="header_banner">
<a href="" rel="external" title="Comic Book Resources"><img src="" alt="Comic Book Resources" width="728" height="90" /></a></div>

<div id="header_network">
<a href=""><img src="" alt="Network" width="119" height="25" /></a>
</div>
<div id="header_search">
<form method="get" id="searchform" action="/">
<input type="text" value="" name="s" id="s" size="15" />
<input type="submit" id="search_submit" value="Search" />
</form>
</div>

</div>

<div id="menu_wrap">
<div id="menu">
<div id="nav_wrap">
<ul id="nav">
<li class="page_item current_page_item"><a href="" title="Home - Read our Blog">Blog</a></li>
<li class="page_item page-item-2"><a href="" title="About">About</a></li>
<li class="page_item page-item-51"><a href="" title="Create Comic Books">Create Comic Books</a></li>
<li class="page_item page-item-34"><a href="" title="Freebies">Freebies</a></li>
<li class="page_item page-item-29"><a href="" title="Store">Store</a></li>
<li class="page_item page-item-56"><a href="" title="Community">Community</a></li>
<li class="page_item page-item-31"><a href="" title="Links">Links</a></li>
</ul>
</div>
</div>
</div>

</body>

</html>
[/code]

The CSS:


div#header {
width:990px;
height:143px;
margin:0 auto;
position:relative;
background:transparent url(images/header-bk.png) no-repeat left bottom;
}
h1#logo,
h2#logo {
position:absolute;
bottom:-80px;
left:21px;
}#menu_wrap {
height:45px;
background:url(images/menu-bk.gif) repeat-x scroll center top;
font-weight:bold;
font-size:1.5em;
font-family:Comic Sans MS,Comic Sans, cursive;
text-transform:uppercase;
}
div#menu {
width:973px;
min-height:1%;
margin:0 auto;
padding:0;
}

div#nav_wrap {
float:right;
height:39px;
padding:0;
margin:0 0 0 40px;
}
#nav {
margin:0;
padding:3px 0 3px 0;
height:39px;
list-style:none;
white-space:nowrap;
text-align:left;
float:left;
}

If you need anything else please let me know. Dont know why but everytime I insert an image on this forum it gets removed.

Thanks for the help


Thread source:: http://www.webmasterworld.com/css/3947724.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com