(This is my first bug-report, so if I´m not clear enough or there´s more information needed, please let me know)

The layout of the "Create content"-page is imho not displayed as desired. There is a noticeable difference between how the page is displayed in Firefox (FF) and in Internet Explorer (IE).

This is about the */node/add or ?q=node/add page.

In FF every type is on a new next line unlike the way it is displayed in IE. There the title of the next content-types comes very sloppy after the description of the previous type.

There are pictures attached to make it more clear. I´m from Holland, so the text you see is in Dutch. Please have a look at the layout. In particular the way every next content-type is listed.

Can this page be shown in both browsers as it is in FF?

Greetings,
Anne

CommentFileSizeAuthor
create_content_IE.jpg224.42 KBadatema
create_content_FF.jpg103.54 KBadatema

Comments

Anonymous’s picture

Anonymous (not verified) commented
Assigned: Unassigned »

Anne,

Thanks for reporting this. I will try to address this one within the next week or so.

Thanks!
Shannon

Anonymous’s picture

Anonymous (not verified) commented
Status: Active » Closed (duplicate)

Anne,

This issue sounded familiar, and I discovered an older issue for the same problem:

#283329: Bad CSS styles for dl, dt, and dd elements

I thought I had fixed it, but I must have missed something.

I am going to mark this issue as a duplicate and add a link in the original issue to this one.

Thanks again,
Shannon

adatema’s picture

adatema commented

Thank you! With the post you mention, that contains the similar issue, I was able to make it 'better'.

What I did is adding some lines of code to the file fix-ie.css in the root of Nitobe theme directory, to make is like:

/* $Id: fix-ie.css,v 1.2 2008/11/23 22:16:19 shannonlucas Exp $ */

/* Fixes for Internet Explorer */

body { padding-bottom: 2em; }

dl.node-type-list {
	clear: both;
	float: left;
}

dl.node-type-list dt {
	float: left;
	width: 25%;
	margin-right:75%;
}

dl.node-type-list dd {
	float: left;
	width: 75%;
}

I have not read all the code in all the files, but I instantly thought that fix-ie.css only would effect Internet Explorer. But it does not, does it? In Firefox the background color of the dt-tag now stretches over 25% of the width. I don´t mind but if you (anyone) do, please post your suggestion here.

PS. Nice piece of work your theme, I really like it.

adatema’s picture

adatema commented
Status: Closed (duplicate) » Needs review

In my post here above, I wrote:

In Firefox the background color of the dt-tag now stretches over 25% of the width.

(although... it does not stretch exactly 25%, but you get the idea)

But that already was the case! I was forgotten how it looked before. You can see it in the picture http://drupal.org/files/issues/create_content_FF.jpg that is taken with no CSS modifications yet.

So maybe this is a good fix (as mentioned in the previous post) for the problem:

dl.node-type-list dt {
float: left;
width: 25%;
margin-right:75%;
}

-changed status from duplicate to fixed (code need preview)-

Anonymous’s picture

Anonymous (not verified) commented
Version: 6.x-2.5 » 6.x-2.x-dev
Status: Needs review » Fixed

I took a slightly different approach on this and simplified how the definition list elements are rendered.

The fix is in CVS and will be part of the next release.

adatema’s picture

adatema commented

Thank you for the adaptation in the new version!

Status: Fixed » Closed (fixed)

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