Page 1 of 1
Solved! - 2 small Div issues in component
Posted: 02 Dec 2008, 10:12
by akerman
Hi,
found two minor bugs (I think). Feel free to move this topic, if placed in wrong forum.
1. Placing of the component in the template breaks the template div on top.
See picture.
2. The Footer text float left when the is no article in any category
See picture.
If you want I can arrange a testpage for this. Personally I've solved this, just think you ought to know.
(Template is Shape 5 - Sea of Glas)
Regards
Akerman
Re: 2 small Div issues in component
Posted: 02 Dec 2008, 18:16
by Jan
Hi,
thank you for this information, I will take a look at it, maybe It will be needed to add clear:box in case, only one or two columns will be displayed... if you have solved it for yourself, please let me know this fix...
thank you, Jan
Re: 2 small Div issues in component
Posted: 02 Dec 2008, 23:55
by akerman
Hi,
The footer:
It worked fine with just a 'clear:both'
To make it simple I just took out the styling in the PHP file and placed it in the CSS, calling it with 'class' as usual.
The 'breaking' DIV's
In my case it was actually a cheat!
You see, I have created some new position in the top of the content pane and there I put a banner (kind of a category / header banner for the page. As soon as that position is published, and consequently the component is pushed down; the DIV break heals itself. (The template position has a clear:both)
Tell me if I'm unclear and I'll post the coding... but you get the picture I suppose...
Regards
Akerman
Re: 2 small Div issues in component
Posted: 03 Dec 2008, 15:31
by Jan
please let me know the coding...
Re: 2 small Div issues in component
Posted: 04 Dec 2008, 10:29
by akerman
For the Footer:
1. Edited the 'phocadocumentation.php'
Code: Select all
define( 'PHOCA_DOCUMENTATION_FOOTER', '<div class="phoca-footer">Powered by <a href="https://www.phoca.cz/phocadocumentation/">Phoca Documentation</a></div>');
1a. Inserted new CSS:
Code: Select all
.phoca-footer {
clear:both;
text-align:center;
font-size:0.7em;
color:#ccc;
padding-top:30px;
}
Like I said, I just inserted a new module position above component area and published my module (headerimage). The component is pushed down and problem gone.
PS!
I tried to recreate the problem but after a lot of testing, my conclusion is that this ONLY happens if the following is fulfilled:
1. There are less than three Sections published (leaving open space to the right...)
2. There are no 'Most Viewed' entries available (nothing that stops the footer to float left)
3. The original Footer styling is there.
All this 'allows' for the Footer to float up (with the existing CSS), and break the template <DIV>.
(Probably differs a lot between different templates... as always)
It is my belief that if only the Footer CSS above (i.e. clear:both) is introduced, none of the above issues will show up.
Regards
Akerman
Re: 2 small Div issues in component
Posted: 05 Dec 2008, 21:09
by Jan
ok