Clearing issues. [#224979]

The issue is the white space left under $links.
For some odd reason this space aligns with left navigation. (=white space until left navigation ends)

This might have to do someting with "links inline" Css tag in the code. Tried all I could imagine, but with no luck...

   <div class="links">


<ul class="links inline"><li class="first last statistics_counter"><span class="statistics_counter">863 reads</span></li>

</ul>

</div>  </div>

Many thanks for help in andvance.

Comment	File	Size	Author
#10	Picture 119.png	40.32 KB	tonyn
#9	Screenshot.png	163.69 KB	lenkkivihko
#7	Screenshot-2.png	292.66 KB	lenkkivihko
#5	Picture 533.png	57.07 KB	tonyn
#4	Screenshot-1.png	312.47 KB	lenkkivihko
	friendsforever.png	128.02 KB	lenkkivihko

Comments

Comment #1

tonyn commented 22 February 2008 at 13:41

It seems the problem may be the class "forum-topic-navigation clear-block" just above .links

http://drupal.org/node/138548 - This issue describes a fix.

Add this to your style.css:

/* clearing issue with forum posts */
.clear-block:after {
clear: none;
}

.topic-next {
float: none;
}
.forum-topic-navigation { height: 1.35em; }

Committed. Tell me how that works out for you.

Comment #2

lenkkivihko commented 22 February 2008 at 21:12

Works perfectly! Many thanks! Open source rocks!

Comment #3

tonyn commented 23 February 2008 at 01:35

Status:

Active

» Fixed

Awesome.

Comment #4

lenkkivihko commented 25 February 2008 at 20:04

Status	File	Size
new	Screenshot-1.png	312.47 KB

Similar issue with guestbook. See picture attached.

Comment #5

tonyn commented 26 February 2008 at 05:34

Status	File	Size
new	Picture 533.png	57.07 KB

Using http://drupal.org/project/guestbook? I am not able to reproduce this bug with that module.

Comment #6

lenkkivihko commented 27 February 2008 at 18:53

Yes guestbook. And the fix for links implemented as described above. FF + Ubuntu as the setup.

Strange.... (I still have the issue..)

Comment #7

lenkkivihko commented 27 February 2008 at 20:14

Status	File	Size
new	Screenshot-2.png	292.66 KB

And I have the same issue with tabs. I use the jstools tabs module.

Comment #8

tonyn commented 3 March 2008 at 21:16

I still cannot find the guestbook clearing problem.

However, I was able to isolate the clearing in jstools to this snippet of code on line 30 of styles.css.

.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

Removed the clear: both, and you will fix the clearing issue. Inside the box window the list will be squinched-in though.

Edit: I will be releasing a new major rewrite of FriendsForever nista in the near future (within the month) that should deal with these clearing issues.

Comment #9

lenkkivihko commented 4 March 2008 at 19:31

Status	File	Size
new	Screenshot.png	163.69 KB

Behaviour reproduced.
* Fixes the clearing issue.
* But introduces the issue of list / tab content moving to right. (see attached picture)

Comment #10

tonyn commented 4 March 2008 at 20:33

Status	File	Size
new	Picture 119.png	40.32 KB

Tabsexample shows fine for me.

How did you get that list there? What modules are you using?

Comment #11

lenkkivihko commented 5 March 2008 at 19:46

Title:

Issue with Forum - links get misaligned.

» CSS's in the page.

CSS's on that page:

@import "modules/book/book.css";

@import "modules/contrib/cck/content.css";

@import "modules/contrib/event/event.css";

@import "modules/contrib/jstools/tabs/drupal-tabs.css";

@import "modules/contrib/jstools/tabs/tabs.css";

@import "modules/contrib/og/og.css";

@import "modules/node/node.css";

@import "modules/poll/poll.css";

@import "modules/system/defaults.css";

@import "modules/system/system.css";

@import "modules/user/user.css";

@import "modules/contrib/date/date.css";

@import "modules/contrib/cck/fieldgroup.css";

@import "modules/contrib/panels/layouts/twocol_stacked.css";

@import "themes/friendsforever/style.css";
=================
The pager (e.g., on the Tracker page) had a similar issue. I edited the system.css file in:
.pager {
margin: 1em 0 0 7em;
}

and removed one line (clear: both;). That fixed the issue.

Comment #12

lenkkivihko commented 5 March 2008 at 19:48

Title:

CSS's in the page.

» Clearing issues.

CSS's on that page:

@import "modules/book/book.css";

@import "modules/contrib/cck/content.css";

@import "modules/contrib/event/event.css";

@import "modules/contrib/jstools/tabs/drupal-tabs.css";

@import "modules/contrib/jstools/tabs/tabs.css";

@import "modules/contrib/og/og.css";

@import "modules/node/node.css";

@import "modules/poll/poll.css";

@import "modules/system/defaults.css";

@import "modules/system/system.css";

@import "modules/user/user.css";

@import "modules/contrib/date/date.css";

@import "modules/contrib/cck/fieldgroup.css";

@import "modules/contrib/panels/layouts/twocol_stacked.css";

@import "themes/friendsforever/style.css";
=================
The pager had a similar issue. I edited the system.css file in:
.pager {
margin: 1em 0 0 7em;
}

and removed one line (clear: both;) . That fixed the issue.

Comment #13

Anonymous (not verified) commented 19 March 2008 at 19:51

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

Clearing issues.