I've attached a screen shot of Opera 7.2 on Win2k. You'll notice a large blank space between the header and the content columns. It only happens on Opera 7.2 (at least that I've tested so far).
Some links to get you started:
<!-- m --><a class="postlink" href="http://www.cm-life.com/pages/newdesign/pulse/">http://www.cm-life.com/pages/newdesign/pulse/</a><!-- m --> - The HTML page
<!-- m --><a class="postlink" href="http://www.cm-life.com/pages/newdesign/pulse/css/screen/layout.css">http://www.cm-life.com/pages/newdesign/ ... layout.css</a><!-- m --> - The CSS file.
No other browser goofs up. I've tested the layout on IE5.x for PC and Mac, IE 6 on XP Pro and 2k Pro. Mozilla, Firebird, Safari, and the list goes on. I'm thinking it's a bug in Opera, but I'm not quite sure how to fix it. Any ideas would be appreciated.Appears to be a bug in Opera7, Opera6 is ok.
The problem is with position:absolute for the 3 columns.That's what I figured. Oh well. I might try a hack to get it to work, or Opera 7 users will have to put up with it (all 3 of them on a 40k hit per day site)
It's actually the only instance where I've seen Opera goof up on abolute positioning. In Opera 6, did you happen to see the right-hand links in the search bar spill off the edge of their containing block? Just curious because I've got Opera 6.04 on Win XP Pro and the links that say Front page, Calendar, Directory, etc, are floated right and spill beyond the bounds of their DIV.Here are the fixes:
1. The gap - wrap the 3 columns in a <div>, start before <div id="mainContent"> wrap to </body>
2. Opera6 overflow -
#extraNav {
margin: 0px;
padding: 0px;
float: right;
}
#extraNav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#extraNav li {
display: inline;
}
These replace #extraNav, #extraNav a, #extraNav li
note I've droped the a for ul. The order of the links are no longer reversed.Thanks. The fix for Opera 7 worked like a charm. I'm going to leave the bug in Opera 6. I want the LIs, and the As to be block elements so I can apply padding, margins and borders to them. Internet Explorer 5.x/PC doesn't recognize padding or margins for inline elements. The links for Front Page, Calendar, etc, will be formatted into tabs.
Thanks for the help.
Some links to get you started:
<!-- m --><a class="postlink" href="http://www.cm-life.com/pages/newdesign/pulse/">http://www.cm-life.com/pages/newdesign/pulse/</a><!-- m --> - The HTML page
<!-- m --><a class="postlink" href="http://www.cm-life.com/pages/newdesign/pulse/css/screen/layout.css">http://www.cm-life.com/pages/newdesign/ ... layout.css</a><!-- m --> - The CSS file.
No other browser goofs up. I've tested the layout on IE5.x for PC and Mac, IE 6 on XP Pro and 2k Pro. Mozilla, Firebird, Safari, and the list goes on. I'm thinking it's a bug in Opera, but I'm not quite sure how to fix it. Any ideas would be appreciated.Appears to be a bug in Opera7, Opera6 is ok.
The problem is with position:absolute for the 3 columns.That's what I figured. Oh well. I might try a hack to get it to work, or Opera 7 users will have to put up with it (all 3 of them on a 40k hit per day site)
It's actually the only instance where I've seen Opera goof up on abolute positioning. In Opera 6, did you happen to see the right-hand links in the search bar spill off the edge of their containing block? Just curious because I've got Opera 6.04 on Win XP Pro and the links that say Front page, Calendar, Directory, etc, are floated right and spill beyond the bounds of their DIV.Here are the fixes:
1. The gap - wrap the 3 columns in a <div>, start before <div id="mainContent"> wrap to </body>
2. Opera6 overflow -
#extraNav {
margin: 0px;
padding: 0px;
float: right;
}
#extraNav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#extraNav li {
display: inline;
}
These replace #extraNav, #extraNav a, #extraNav li
note I've droped the a for ul. The order of the links are no longer reversed.Thanks. The fix for Opera 7 worked like a charm. I'm going to leave the bug in Opera 6. I want the LIs, and the As to be block elements so I can apply padding, margins and borders to them. Internet Explorer 5.x/PC doesn't recognize padding or margins for inline elements. The links for Front Page, Calendar, etc, will be formatted into tabs.
Thanks for the help.