/    Sign up×
Community /Pin to ProfileBookmark

Mac IE and Opera compatibility woes. Hopelessly stuck.

Regarding the green ul navigation boxes and the “you are here” img (brass microscope)…
It works fine in [url=http://webpages.charter.net/iconoclast/strict/FF_ver103o.jpg]FF 103[/url], [url=http://webpages.charter.net/iconoclast/strict/WinIE_ver6.jpg]WinIE 6[/url] and even in [url=http://webpages.charter.net/iconoclast/strict/MacNS_ver7o.jpg]MacNS 7[/url], but in [url=http://webpages.charter.net/iconoclast/strict/Op_ver7o.jpg]MacOpera 7[/url] and [url=http://webpages.charter.net/iconoclast/strict/MacIE_ver52o.jpg]MacIE 5[/url] its all wrong (esp MacIE) This is my first webpage and I dont know where to start trying to debug for browsers that I have no access too. How does one do that?

From the looks of things, MacOpera seems to have a vertical css placement issue and MacIE has a horrible horizontal one. I got the ss’s form browsercam but have no access to a Mac. And since this is an acedemia site, Mac support is a primary concern. If there are any suggestion about where I should start Id be very appreciative.

[url=http://webpages.charter.net/iconoclast/hickmott/overview.html]Here’s[/url] the entire site. The whole site validates.

[code]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html lang=”en”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1″>
<title>Hickmott Lab/Overview</title>
<link rel=stylesheet href=”cssfile01.css” type=”text/css”>
<style type=”text/css”>
#overviewpos {
display: block;
position: relative;
margin: 0px;
top: 67px;
left: -309px;
}
</style>
</head>
<body background=”sitefiles/navbarbg01.jpg”>
<div id=”navcontainer”>
<ul id=”navlist”>
<li><a href=”home.html”>Home</a></li>
<li id=”active”><a href=”#”>Overview</a></li>
<li><a href=”research.html”>Research</a></li>
<li><a href=”people.html”>People</a></li>
<li><a href=”gallery.html”>Gallery</a></li>
<li><a href=”links.html”>Links</a></li>
</ul>
<img id=”overviewpos” alt=”nav_overview01 (1K)” src=”sitefiles/nav_overview01.gif” height=”89″ width=”89″ />
</div>
<center>
<table border=”0″ cellpadding=”0″ cellspacing=”20″ summary=”Overview Title”>
<tr>
<td width=1 rowspan=1 bgcolor=”#FFFFFF”>
<img alt=”blank (1K)” src=”sitefiles/blank.gif” width=”1″ /></td>
<td class=”headline_lrg”>Overview</td>
<td width=1 rowspan=1 bgcolor=”#FFFFFF”>
<img alt=”blank (1K)” src=”sitefiles/blank.gif” width=”1″ /></td></tr>
</table>
<!–
Alternate table background
style=”background-image:url(sitefiles/overview_bg05.jpg)”
–>
<table border=”0″ cellpadding=”0″ cellspacing=”20″>
<tr>
<td width=1 rowspan=30 bgcolor=”#FFFFFF”>
<img alt=”blank (1K)” src=”sitefiles/blank.gif” width=”1″ /></td>
<td></td>
<td width=1 rowspan=30 bgcolor=”#FFFFFF”>
<img alt=”blank (1K)” src=”sitefiles/blank.gif” width=”1″ /></td></tr>
<tr>
<td width=678 class=”subline02″>
<a href=”sitefiles/homunculus.jpg”>
<img class=”image_left” alt=”homunculus_thumb (4K)” src=”sitefiles/homunculus_thumb.jpg” height=”129″ width=”235″ align=”left”/></a>
<P class=”indent_just”>The organization of local circuitry throughout the brain plays
a vital role in processing incoming information and controlling
the behavioral responses to this information. This sort of organization
has been closely studied in the cerebral cortex., particularly in
primary sensory maps or representations. These maps are regions
of the cortex that respond to specific sensory stimuli in a spatially
organized across the map, in response to various manipulations that
affect the activity of inputs to the cortex, and also to behavioral
training and other natural stimuli. These sorts of cortical reorganizations
are associated with important phenomena, such as recovery of function
after stroke and improvements in performance due to sensory training.
Furthermore, deficits in the control of cortical plasticity may
be related to neuropathies from phantom pain and sensation after
amputation to epilepsy to learning disabilities.<br clear=left>
<img class=”image_right” alt=”neuron04 (31K)” src=”sitefiles/neuron04.jpeg” height=”227″ width=”413″ align=”right”/>
<P class=”indent_just”> My research focuses on the basic cellular and synaptic properties
that underlie the organization and plasticity of sensory maps, specifically
the primary somatosensory cortex (S1). Ongoing experiments are examining
the characteristics of local cortical circuitry with respect to
the border between the representations of the forepaw and lower
jaw in the normal map, and also in maps where the border regions
is reorganized by a peripheral denervation or other change in the
activity patterns to this region of cortex. In general, the local
circuitry reflects the presence or absence of this border in the
properties of excitation and inhibition onto neurons that lie close
to the border, and also the morphology of these neurons. Techniques
used in the laboratory include: in vivo and in vitro electrophysiology
using extracellular and intracellular recording; analysis of neuronal
morphology using standard and confocal microscopy; immunocytochemistry;
and antero- and retrograde tracing of connections in the cortex. </td></tr>
</table>
<p>
<br>
<br>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ summary=””>
<tr>
<td width=100 align=”center”>
<a href=”home.html” class=”bottomlink”>[Home]</a></td>
<td width=100 align=”center”>
<a href=”research.html” class=”bottomlink”>[Research]</a></td>
<td width=100 align=”center”>
<a href=”people.html” class=”bottomlink”>[People]</a></td>
<td width=100 align=”center”>
<a href=”gallery.html” class=”bottomlink”>[Gallery]</a></td>
<td width=100 align=”center”>
<a href=”links.html” class=”bottomlink”>[Links]</a></td></tr>
<tr>
<td colspan=5 height=20>
<img alt=”blank (1K)” src=”sitefiles/blank.gif” height=”20″ width=”1″ />
</table>
</center>
</body>
</html>
[/code]

[code]
body {
text-align: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#navcontainer {
margin-top: 31px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 720px;
height: 150px;
text-align: left;
border: 0px solid #666;
background-image: url(sitefiles/navpic04.jpg);
background-repeat: no-repeat;
background-position: 166px 27px;
}
#navcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}
#navcontainer ul li {
float: left;
margin-left: 5px;
}
#navcontainer ul li a {
text-decoration: none;
background: url(sitefiles/nav_down.gif) no-repeat top left;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #000000;
float: left;
height: 41px;
width: 54px;
margin-left: 0px;
text-align: center;
padding-top: 9px;
padding-right: 0px;
border: 0px solid #666;
}
#navlist a:hover {
background: url(sitefiles/nav_over.gif) no-repeat left top;
color: #000000;
}
#active a:link, #active a:visited, #active a:hover {
background-image: url(sitefiles/blank.gif);
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight:700;
text-align: center;
}
.headline_lrg {
font-family: “arial”;
font-size: 14pt;
margin-left: 28px;
margin-right: 28px;
}
.intro_bold {
font-family: “arial”;
font-size: 14pt;
margin-top: 35px;
margin-left: 28px;
}
.intro_normal {
font-family: “ms sans serif”;
font-size: 12pt;;
margin-top: 35px;
margin-left: 28px;
}
.subline01 {
color: #000000;
font-family: “ms sans serif”;
font-size: 12pt;
}
.subline02 {
color: #000000;
font-family: “ms sans serif”;
font-size: 11pt;
}
.subline03 {
color: #000000;
font-family: “ms sans serif”;
font-size: 9pt;
}
.toplinks {
color: #FFFFFF;
font-family: “ms sans serif”;
font-size: 10pt;
margin-left: 10px;
margin-right: 10px;
}
.image_left {
margin-right: 20px;
margin-top: 3px
}
.image_right {
margin-left: 20px;
margin-top: 23px;
}
.indent_just {
text-align:justify;
text-indent: 30px;
}
.indent_par {
padding-left: 30px;
}
.bottomlink {
color:#FFFFFF;
Font-family:”arial narrow”, sans-serif;
font-size: 10pt;
text-decoration: none;
}
[/code]

to post a comment
CSS

0Be the first to comment 😎

×

Success!

Help @IconoclastDX spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...