Apologies on taking so long to post back.<br><br>It was entirely a CSS issue. It was a combination of .visualPadding, margins and padding. Thank you so much as I now the get the same (desired) behavior in both Firefox and IE.<br>
<br>In the future, I will include more urls.<br><br>Regards,<br><br>Jeanie<br><br><br><div class="gmail_quote">On Wed, Jul 29, 2009 at 2:10 PM, Veda Williams <span dir="ltr"><<a href="mailto:veda@onenw.org">veda@onenw.org</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hi Jeanie,<br>
<br>
On 7/29/09 1:20 PM, "Jeanie" <<a href="mailto:jeanie.schwenk@gmail.com">jeanie.schwenk@gmail.com</a>> wrote:<br>
<br>
><br>
> This display issue is not browser specific - I'm getting the same behavior in<br>
> both IE and Firefox.<br>
><br>
> I'm using the latest firebug and can see that portal-column-one,<br>
> portal-column-content and portal-column-two are at the same top position.<br>
> However, when they display, they are at three different heights. I've tried<br>
> changing the margins and even the padding and it is not working. The<br>
> website is still in development: <a href="http://jschwenk.webfactional.com" target="_blank">jschwenk.webfactional.com</a>.<br>
<br>
I'm not 100% sure I follow, but here goes...<br>
<br>
Try looking at #portal-column-one .visualPadding and #portal-column-two<br>
.visualPadding. You probably only want padding settings on these, not<br>
margins as well. I tend to apply margin settings to the parent classes, e.g.<br>
#portal-column-one and #portal-column-two.<br>
<br>
><br>
> When I look at the margins (purple in firebug), the top of the<br>
> portal-column-content and portal-column-two are the same but they display at<br>
> different heights. I want them to display at the same height.<br>
<br>
Do you mean the height of the columns should be the same, or are you saying<br>
that the tops of the two columns need to line up horizontally? If you mean<br>
the latter, removing the margin setting from #portal-column-one<br>
.visualPadding should solve this problem.<br>
<br>
><br>
> I also want to have a small (4 pixels or so) margin at the bottom between<br>
> the bottom of the portals and the little brown line at the bottom so it<br>
> looks consistent on each page. The portal-column-content bottom edge<br>
> displays differently depending on which page is loaded. Sometimes it's<br>
> butted up against the small brown line, other times it's 30 pixels high and<br>
> other times there's a HUGE gap between the end of the content and the line<br>
> at the bottom.<br>
<br>
Can you give some sample URLs here?<br>
<br>
If I read you right, the brown line at the bottom is set to display directly<br>
above the #portal-footer, so if there isn't much content in<br>
#portal-column-content, the brown line will appear just below the longest<br>
column (often the left column).<br>
<br>
><br>
> This is driving me nuts. The theming book I ordered hasn't arrived yet but<br>
> I've been reading the docs on <a href="http://plone.org" target="_blank">plone.org</a>. Maybe I'm not searching for the<br>
> right thing as I'm coming up empty-handed and I'm sure others have run into<br>
> this. It's probably something simple. Can anyone point me in the correct<br>
> direction?<br>
<br>
If you can provide the URLs, it'll be easier to tell if this is just a CSS<br>
issue or if it's more of a conceptual issue.<br>
<br>
Cheers,<br>
<br>
- Veda<br>
<br>
><br>
> Thanks in advance,<br>
><br>
> Jeanie<br>
<br>
</blockquote></div><br>