I am setting up a blog page - on a Mac using an application called iblog.<br />
<br />
For reasons that I don't understand the width of the navigation bar expands on certain pages. This behaviour is only present in Explorer (both on a Mac and PC).<br />
<br />
The width of the bar should be like this:<br />
<!-- m --><a class="postlink" href="http://homepage.mac.com/rrhawks/iblog">http://homepage.mac.com/rrhawks/iblog</a><!-- m --> but if you click the Read it link for the articles in the Photography section the width of the menu bar increases. Also the black box around the content disappears on these pages. <br />
<br />
Example: <!-- m --><a class="postlink" href="http://homepage.mac.com/rrhawks/iblog/C412519172/E971794050/index.html">http://homepage.mac.com/rrhawks/iblog/C ... index.html</a><!-- m --><br />
<br />
There are no differences in the HTML code governing the behaviour of the navigation bar, it is just that on some pages it changes.<br />
<br />
On a Mac, using Safari, the width is constant, but obviously I want it to work in Explorer!<!--content-->probably because you are using different style sheets per page.<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"styles-site.css" type="text/css" /><br />
<br />
that is the pages you say works.<br />
<br />
this is the one that doesn't work<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"../../styles-site.css" type="text/css" /><br />
<br />
both pages are in the same folder so not sure why you are doing that.<!--content-->The application I use to build the site does all that 'under the hood', so I have no way of controlling which stylesheets are used. Bummer, maybe that's the price of using a Mac!!<!--content-->so just edit it and take it out. that is why it is not good to use a editor like that.<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"../../styles-site.css" type="text/css" /><br />
<br />
just take the bold out and it should work.<!--content-->
<br />
For reasons that I don't understand the width of the navigation bar expands on certain pages. This behaviour is only present in Explorer (both on a Mac and PC).<br />
<br />
The width of the bar should be like this:<br />
<!-- m --><a class="postlink" href="http://homepage.mac.com/rrhawks/iblog">http://homepage.mac.com/rrhawks/iblog</a><!-- m --> but if you click the Read it link for the articles in the Photography section the width of the menu bar increases. Also the black box around the content disappears on these pages. <br />
<br />
Example: <!-- m --><a class="postlink" href="http://homepage.mac.com/rrhawks/iblog/C412519172/E971794050/index.html">http://homepage.mac.com/rrhawks/iblog/C ... index.html</a><!-- m --><br />
<br />
There are no differences in the HTML code governing the behaviour of the navigation bar, it is just that on some pages it changes.<br />
<br />
On a Mac, using Safari, the width is constant, but obviously I want it to work in Explorer!<!--content-->probably because you are using different style sheets per page.<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"styles-site.css" type="text/css" /><br />
<br />
that is the pages you say works.<br />
<br />
this is the one that doesn't work<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"../../styles-site.css" type="text/css" /><br />
<br />
both pages are in the same folder so not sure why you are doing that.<!--content-->The application I use to build the site does all that 'under the hood', so I have no way of controlling which stylesheets are used. Bummer, maybe that's the price of using a Mac!!<!--content-->so just edit it and take it out. that is why it is not good to use a editor like that.<br />
<br />
<link rel="stylesheet" href=http://www.htmlforums.com/archive/index.php/"../../styles-site.css" type="text/css" /><br />
<br />
just take the bold out and it should work.<!--content-->