Forum Moderators: not2easy
I have used internal links to navigate to different sections of my page which work fine in IE6 & NN7 on the PC however in IE5 the page expands downwards. The more internal links you click the more the page grows.
The strange thing is that the internal links in the subnavigation work fine - it is only the internal links in the main content (e.g. 'news' section on the 'about' page) which causes the site to expand in IE5.
<snip>
I have tried to 'strip' the styling but still cant work it out? Any ideas? This is a virgin outing into CSS so the code may be a bit messy.
Here is the css code for the "content" div and the "link" class
#content {
background-color: white;
color: black;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 2.3em;
letter-spacing: 0pt;
text-align: justify;
margin: 0px;
padding: 30px;
border-left: 0px;
border-top: 0px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
width: 500px;
height:290px;
overflow: auto;
scrollbar-face-color : #ffffff;
scrollbar-highlight-color : #fff;
scrollbar-3dlight-color : #000;
scrollbar-shadow-color : #fff;
scrollbar-darkshadow-color : #000;
scrollbar-track-color : #fcc;
scrollbar-arrow-color : #c00;
voice-family: "\"}\"";
voice-family:inherit;
width: 439px;
height: 229px;
}
a.link:link {text-decoration: none; color: #cc0000; font-size: 10px; font-weight: bold; }
a.link:visited {text-decoration: none; color: #cc0000; font-size: 10px; font-weight: bold; }
a.link:active {text-decoration: none; color: red; }
a.link:hover {text-decoration: none; color: white; background-color: #cc0000; }
many thanks
[edited by: Marcia at 7:24 pm (utc) on Aug. 14, 2003]
[edit reason] No individual sites, please. [/edit]
I have't the smallest clue what's going on in your code but the best place to start is by validating your html and css:
Nick
It now validates as both - I have removed the scrollbar colours :)
Thats why I dont get it. I have searched google and had a look through the archives here but to no avail.
cheers, eddy
I dont know if you know this but it is against site policy to include personal URL's :)
I had a look throug the CSS and i see a few probs, that if corrected might solve your ie 5 prob.
1. When you apply the anchor tag you do like this:
<a name="nevica"></a><p>::<strong> 'Nevica-Killy'</strong>
instead just give the <p> or the <strong> an id of "nevica" like this and thus eliminating the <a> altogether:
<p id="nevica">::<strong> 'Nevica-Killy'</strong>
2. as far as i can see your have styled the anchor "about" in your CSS. this could be the source of the prob. Keep anchor id's and page element with an id separate. Otherwise the browser migth apply unwanted styles when the anchor is activated.
im just guessing here... let me know if these two pionts help you out.
Kind Regards
Hafnius
