473,320 Members | 1,948 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Positioning relative v absolute-- Style or functionality, not both

GGG
Neither go the way I want them to... Absolute doesn't get it right
over multiple browsers. Relative puts it in the right place, but only
the portion that it is "relative" the style, #wleMenu, is running.
Holding the cursor over any portion OUTSIDE of this block is not
registering.
Mozilla doesn't do anything, IE will fire off an error, when I go past
"the zone" with "object required" (like the scipting isn't even there)

I have the following CSS code.

#wleMenu

{
position: absolute;
left: 1;
width: 245px;
height: 786px;
}

#twoLine {position:absolute;bottom:-325;left:-5;width:850;height:40;}
/* ( I've also tried, {position: relative;bottom-770;left;-85;width:
850;height:40;}
(also have had "px" at the back of the width and height) */
--- filebloc1

<script language="javascript" src="js/t.js"></script>
<!---side menu covers the dividing bar and the side menu--->
<div id="oneLine" class="bi24" &nbsp;</div<!---dividing bar--->
<div id="wleMenu" class="bi52" align='center' <!---side menu--->

<div align='center'><div class="bi40">Services</div></div>
<br>
<!--colors the menu section-->
<a href="index.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j1','','images/r180hom.gif',1)"><img name="j1"
alt="8" border="0" src="images/b180hom.gif" ></a>
<a href="intro.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j2','','images/r180care.gif',1)"><img name="j2"
alt="8" border="0" src="images/b180care.gif" ></a>
<a href="compSvc.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j3','','images/r180cs.gif',1)"><img name="j3"
alt="8" border="0" src="images/b180cs.gif" ></a>
<a href="Skills.htm" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j4','','images/r180pgm.gif',1)"><img name="j4"
alt="8" border="0" src="images/b180pgm.gif"></a>
<a href="weblinks.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j5','','images/r180ws.gif',1)"><img name="j5"
alt="8" border="0" src="images/b180ws.gif" </a>
<a href="vertgen.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j8','','images/r180fs.gif',1)"><img name="j8"
alt="8" border="0" src="images/b180fs.gif" </a>

<a href="ebyaTA.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j6','','images/r180ta.gif',1)"><img name="j6"
alt="8" border="0" src="images/b180ta.gif" </a>
<a href="#" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j7','','images/r180msg.gif',1)"><img name="j7"
alt="8" border="0" src="images/b180msg.gif" </a>
<br><br>
<div class="bi40" align='center'>On the Lighter Side</div>
<br><br>
<a href="#" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j9','','images/r180int.gif',1)"><img name="j9"
alt="8" border="0" src="images/b180int.gif" </a>
<a href="#" title="coming Soon" onMouseOut="swapImgRest()"
onMouseOver="swapImg('j10','','images/r180trav.gif',1)"><img
name="j10" alt="8" border="0" src="images/b180trav.gif" </a>
<!---expand this one to cover the first I-40, my trip to PA/west
coast/experiences in PA. Make it entertaining, wahoo.--->
<a href="swtoc.html" title="Yes, these were my experiences"
onMouseOut="swapImgRest()" onMouseOver="swapImg('j11','','images/
r180AM.gif',1)"><img name="j11" alt="8" border="0" src="images/
b180AM.gif" </a>

</div><!--closes wlemenu-->

----Fileblock2--- this follows the above... it's the bottom menu I
want to have functionality with when doing a relative position, and
which very little of it works in its current stead.
<div id="twoLine" class="bi47">
<table width="775" " border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="55" ><a href="index.php"
onMouseOut="swapImgRest()" onMouseOver="swapImg('I1','','images/
bk90hom.gif',1)"><img name="I1" alt="8" border="0" src="images/
r90hom.gif" ></a></td>
<td><a href="intro.php" onMouseOut="swapImgRest()"
onMouseOver="swapImg('I2','','images/bk90care.gif',1)"><img name="I2"
border="0" src="images/r90care.gif" ></a></td>
<td width="87"><a href="Skills.html"
onMouseOut="swapImgRest()" onMouseOver="swapImg('I4','','images/
bk90pgm.gif',1)"><img name="I4" border="0" src="images/r90pgm.gif" ></
a></td>
<td ><a href="portfolio.htm" onMouseOut="swapImgRest()"
onMouseOver="swapImg('I8','','images/bk90ebya.gif',1)"><img
src="images/r90ebya.gif" name="I8" border="0"></a></td>
<td ><a href="http://www.responsemarketing.com/"
onMouseOut="swapImgRest()" onMouseOver="swapImg('I5','','images/
bk90msg.gif',1)" target="_blank"><img name="I5" border="0" src="images/
r90msg.gif" ></a></td>
<td ><a href="http://rjlauren.com/rjlauren/index.html"
onMouseOut="swapImgRest()" onMouseOver="swapImg('I6','','images/
bk90fs.gif',1)" target="_blank"><img name="I6" border="0" src="images/
r90fs.gif"></a></td>
<td width="87"><a href="compSrv.php"
onMouseOut="swapImgRest()" onMouseOver="swapImg('I3','','images/
bk90cs.gif',1)"><img name="I3" border="0" src="images/r90cs.gif" ></
a></td>
<td ><a href="contact.htm" onMouseOut="swapImgRest()"
onMouseOver="swapImg('I7','','images/bk90trav.gif',1)"><img name="I7"
border="0" src="images/r90trav.gif" width="50" height="28"></a></td>
</tr>
<tr>
<td align='center' class="smallpr" colspan="8">FAQ | <a
href="mailto:da***@steric.net"Contact Me</a</td>

<td></td>

</tr>
</table>
</div>
all in the form of php includes (again, it does not matter if I hard
code it into a file or use server includes ala php--- same result.)
When I use "relative" (the second option), I get what I want. Just
nothing outside of the wleMenu works.
When I use "absolute", the design really sucks, but I get
functionality.
I know it is better to use relative, but how do I get the other damned
options to work the way they are supposed to?

I'm too embarassed to show my site.

Mar 10 '07 #1
0 1967

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Ken Kast | last post by:
Here's my situation. I have a statically positioned table that has an image in a cell. I also have some layers, defined by absolute-positioned DIVs for some animation. Everything works until I...
0
by: Mike Kozlowski | last post by:
I have an absolutely positioned block on the top of my page, a block floated left, and a third block in the normal flow. IE6 and Mozilla 1.4 disagree on where the floated block should be placed --...
24
by: Wim Roffal | last post by:
I am trying to create a menu system. The mainmenu is a table <table><tr><td>menu1</td><td>menu2</td></tr></table> No I try insert the submenu so that it becomes relative to the main menu...
1
by: Fred Nelson | last post by:
Hi: I'm working on one of my first web applications in asp.net 2.0 and I'm having a problem with absolute versus relative positioning of controls that I place on pages that use master pages with...
2
by: drillbatting | last post by:
Hi, I have a site with a heap of small menus in various elements. It looks something like this (inline style's etc for readability): <div>
1
by: GGG | last post by:
Neither go the way I want them to... Absolute doesn't get it right over multiple browsers. Relative puts it in the right place, but only the portion that it is "relative" the style, #wleMenu, is...
3
by: mikewse | last post by:
I have a strange problem where it seems IE is doing the correct layout but Firefox and Safari isn't. I think I'm probably wrong, and there is something in the standards that say behaviour should be...
1
by: Froggluver | last post by:
I have some experience with CSS. Just enough to be dangerous in fact. :) I had a general question about positioning. Is it possible create a box that is absolutely positioned on a page, and then...
1
by: baburk | last post by:
Hi, Can anybody tell me what is the Diffrence between Relative, Absolute, Physical Path Thanks in advance
1
by: mfaisalwarraich | last post by:
hi everyone, i have recenlty started web designing and im not very much familiar with the CSS techniques. i have gone through tutorial like w3schools but unable to understand the CSS position...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.