Greetings.
I am having troubles using absolute positioning in IE6. When I establish the width as 100%, it's not spanning the entire width of the browser. It works in Firefox, Safari, and IE7.... Just not IE6. Any suggestions?
Website: stevenkneff.com
code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>News, Politics, & World Affairs by Steven K. Neff</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolu te;
left:0px;
top:0px;
height:46px;
z-index:1;
background-color: #333333;
width: 100%;
}
#apDiv2 {
position:absolu te;
left:0px;
top:45px;
width:100%;
height:31px;
z-index:2;
background-image: url(../../../background22.jp g);
}
#apDiv3 {position:absol ute;
left:0px;
top:44px;
width:436px;
height:31px;
z-index:5;
}td img {display: block;}td img {display: block;}
#apDiv4 {
position:absolu te;
left:0px;
top:76px;
width:100%;
height:28px;
z-index:4;
background-image: url(../../../back2.jpg);
margin: 0px;
right: 0px;
clear: both;
}
body {
background-color: #CCCCCC;
}td img {display: block;}
#apDiv5 {
position:absolu te;
left:0px;
top:45px;
width:100%;
height:31px;
z-index:3;
margin: 0px;
right: 0px;
clear: both;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgResto re() { //v3.0
var i,x,a=document. MM_sr; for(i=0;a&&i<a. length&&(x=a[i])&&x.oSrc;i++ ) x.src=x.oSrc;
}
function MM_preloadImage s() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.leng th,a=MM_preload Images.argument s; 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];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf ("?"))>0&&paren t.frames.length ) {
d=parent.frames[n.substring(p+1 )].document; n=n.substring(0 ,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.fo rms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.l ayers&&i<d.laye rs.length;i++) x=MM_findObj(n, d.layers[i].document);
if(!x && d.getElementByI d) x=d.getElementB yId(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_sw apImage.argumen ts; document.MM_sr= new Array; for(i=0;i<(a.le ngth-2);i+=3)
if ((x=MM_findObj( a[i]))!=null){docum ent.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_prel oadImages('../../../politics.png',' ../../../world.png','../../../openforum.png', '../../../video.png','../../../chatroom.png')" >
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv3">
<table border="0" cellpadding="0" cellspacing="0" width="435">
<!-- fwtable fwsrc="NAVBARMA IN.png" fwpage="Page 1" fwbase="NAVBARM AIN.jpg" fwstyle="Dreamw eaver" fwdocid = "678609774" fwnested="0" -->
<tr>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="68" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="72" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="65" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="93" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="52" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="82" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="3" height="1" border="0" id="undefined_2 " /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="1" height="1" border="0" id="undefined_2 " /></td>
</tr>
<tr>
<td><img name="NAVBARMAI N_r1_c1" src="../../../NAVBARMAIN_r1_c 1.jpg" width="68" height="32" border="0" id="NAVBARMAIN_ r1_c1" alt="" /></td>
<td><a href="javascrip t:;" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('NAV BARMAIN_r1_c2', '','../../../politics.png',1 );"><img name="NAVBARMAI N_r1_c2" src="../../../NAVBARMAIN_r1_c 2.jpg" width="72" height="32" border="0" id="NAVBARMAIN_ r1_c2" alt="" /></a></td>
<td><a href="javascrip t:;" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('NAV BARMAIN_r1_c3', '','../../../world.png',1)"> <img name="NAVBARMAI N_r1_c3" src="../../../NAVBARMAIN_r1_c 3.jpg" width="65" height="32" border="0" id="NAVBARMAIN_ r1_c3" alt="" /></a></td>
<td><a href="javascrip t:;" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('NAV BARMAIN_r1_c4', '','../../../openforum.png', 1);"><img name="NAVBARMAI N_r1_c4" src="../../../NAVBARMAIN_r1_c 4.jpg" width="93" height="32" border="0" id="NAVBARMAIN_ r1_c4" alt="" /></a></td>
<td><a href="javascrip t:;" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('NAV BARMAIN_r1_c5', '','../../../video.png',1);" ><img name="NAVBARMAI N_r1_c5" src="../../../NAVBARMAIN_r1_c 5.jpg" width="52" height="32" border="0" id="NAVBARMAIN_ r1_c5" alt="" /></a></td>
<td><a href="javascrip t:;" onmouseout="MM_ swapImgRestore( )" onmouseover="MM _swapImage('NAV BARMAIN_r1_c6', '','../../../chatroom.png',1 );"><img name="NAVBARMAI N_r1_c6" src="../../../NAVBARMAIN_r1_c 6.jpg" width="82" height="32" border="0" id="NAVBARMAIN_ r1_c6" alt="" /></a></td>
<td><img name="NAVBARMAI N_r1_c7" src="../../../NAVBARMAIN_r1_c 7.jpg" width="3" height="32" border="0" id="NAVBARMAIN_ r1_c7" alt="" /></td>
<td><img src="../../../spacer.gif" alt="" name="undefined _2" width="1" height="32" border="0" id="undefined_2 " /></td>
</tr>
</table>
</div>
<div id="apDiv4"></div>
<div id="apDiv5"></div>
</body>
</html>
0 1727 Sign in to post your reply or Sign up for a free account.
Similar topics |
by: Harlan Messinger |
last post by:
What am I not understanding about the definition of { position: absolute; }?
"The box's position (and possibly size) is specified with the 'left',
'right', 'top', and 'bottom' properties. These properties specify offsets
with respect to the box's containing block."
Please take a look at http://gavelcade.com/abspos.html and help me
understand why my nested, absolutely positioned divs are being positioned
with respect to the page rather...
|
by: Lars A. Gundersen |
last post by:
So I'm starting out with CSS positioning, and it seems to work fine -
until I check in IE6/Win, of course.
I'm trying to use absolute positioning to place a box with my site's
main contens area in middle of my pages, so that there are spaces for
other things on all four sides of the area. CSS declaration:
body {
position: absolute;
overflow: hidden;
height: 100%;
|
by: Alan Silver |
last post by:
Hello,
Having been a light reader of this ng for a few months now (after
several years absence), I have noticed that absolute positioning seems
to be considered a Very Bad Thing around here. Generally, when someone
posts a question about a design that uses it, they are told not to.
Now, in my ignorance, I don't see what's wrong with it, when used
sensibly. Let me say straight off that I am *not* talking about trying
to produce...
|
by: horusprim |
last post by:
Is there a CSS absolute positioning rendering bug in FF1.02 and IE 6?
I have been experimenting with precision absolute positioning in CSS.
The following test content was used in the experiment:
"This sentence is to be about nine words long. I hope this test suite
works. Mary had a little lamb and its fleece was white as snow."
Next a macro was used to divide the content into equal sentence
fragment spans of the 12 characters each...
|
by: nonsensitor |
last post by:
I'm just learning xhtml & css, primarily from westciv's online tutorials and css guide. I've run into a couple of problems with a page I'm developing that I can't figure out.
The first problem is that I would like to display some text on top of an image within the header. I've tried using absolute positioning to specify where the phone number should appear in relation to the parent div (#header). However the text appears to be positioned in...
| |
by: nino9stars |
last post by:
Hello,
I have just started messing with absolute positioning on webpages, and
it definitely let's you do some creative things. Well, after much
searching and help, I got the images I was using to overlap correctly.
You can see it on this page:
www.creativekaysjewelry.com
The images overlap exactly how I wanted and in the right position
|
by: Mark |
last post by:
hi, i'm trying to position something in the top right corner of a
container, but i can't seem to figure out how to get it working.
here's the html
<div class='thumb'><a href='image.jpg'><img src='photos/thumbs/
bigsmile.jpg'></a><a class='del' href='?p=gallery&del=2'>x</a></div>
where 'thumb' is my container, and 'del' should be aligned to the top
right. here's the css
|
by: mehstg1319 |
last post by:
Hi there
Not sure if anyone can help me, I am working on a site for my
university, and am having a bit of trouble with css positioning. I am
very new to css and do not know very much about it.
Here is the link: http://homepages.feis.herts.ac.uk/~bp6ar/bus_intel/matrix/matrix.html
Basically, the problem is that the ticks on the grid look perfectly
|
by: Fistro |
last post by:
I'm trying to find a design that would allow me to build web pages
without having to worry about compatibility issues (not too much, in
any case,,,)
I've came across this CSS layout technique:
http://alistapart.com/articles/fauxabsolutepositioning
It calculates the left offset from a fixed position, as opposed to
calculating it from the right edge of the preceding element by using a
combination of position: relative, left: 100% and a...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |