javascript object location
Posted: Sat Jan 27, 2007 8:05 am
- Summery:
1) Making a PopUp info Box.
2) PopUp displayed at location of anchors
3) Works in FF mac
4) IE6 Win anchor Locations are null
5) Need to know haw to troubleshoot this.
displays information when your mouse goes over the link.
However, In IE 6 on my windows box the popUp boxes did
not appear in the proper locations.
To debug this I wrote javascripts to display an alert as to
the location of each anchor. In IE Win The left anchor
positions are null and the top and bottom positions are
exactly the same! Does anyone know what the next step
in trouble shooting this is?
Below is a basic illustration along with my styles. Let me
know if you need to see the code. I will show the output
only to avoid confusion.
Any advice will be great!
Code: Select all
My_Page
_________________________________________________________
| _________ __________________________________________ |
|| #left | | #title ||
|| bar | |__________________________________________||
|| | __________________________________________ |
|| | | #copy ||
|| | | ||
|| | | <----------------400px-----------------> ||
|| | | ||
|| | | ||
|| | | anchor#1 ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | anchor#2 ||
|| | | ||
|| | | ||
||_________| |__________________________________________||
|_________________________________________________________|Code: Select all
#leftbar{
position: absolute;
left: 5px;
top: 150px;
right: auto;
width: 50px;
height: 100%;
margin: 150px, 150px, 150px, 150px;
padding: 20px;
font: sans-sarif;
}
#title {
position: absolute;
left: 125px;
top: 150px;
right: auto;
width: 400px;
height: 40px;
margin: 0px, 0px, 0px, 0px;
padding: 2px 2px 2px 5px;
font: sans-sarif;
}
#copy {
position: absolute;
left: 125px;
top: 190px;
right: auto;
width: 400px;
height: 200px;
margin: 0px, 0px, 1px, 1px;
padding: 2px 2px 2px 5px;
font: sans-sarif;
}