Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.A fresh installation with seven setup as the admin them and I navigate to admin/content/node and noticed some styling issues (see attachments) in both chrome and IE7.
| Comment | File | Size | Author |
|---|---|---|---|
| #13 | seven-ie-error.png | 7.51 KB | james.elliott |
| #5 | Picture 1.png | 63.8 KB | 2ndmile |
| #3 | Voila_Capture_36.png | 12.58 KB | avpaderno |
| #3 | Voila_Capture_35.png | 40.37 KB | avpaderno |
| #3 | Voila_Capture_34.png | 12.53 KB | avpaderno |
Comments
Comment #1
avpaderno@caschbre: There aren't attachments.
Comment #2
caschbre commentedUgh... it's like finding out you sent an email without attachments. We need to the google labs in here to catch my mistakes like that. :)
[Edited by kiamlaluno to show the images inline]
Comment #3
avpadernoI have some issues using Safari 4 on Mac OS 10.6.
In some cases, a table is drawn without the right border, and in the setting page for Date (the third-party module) there are some scrolling bars where other themes don't show them (see the last two attached images).
Comment #4
fenstratYeah I can confirm that in Firefox on Vista.
Think this is part of a larger issue due to the fact that seven saw some pretty serious changes and improvements (like #563390: Seven theme lacks formatting on common html elements such as lists, paragraphs & <code>) in d7 in the last few weeks and these haven't been back ported.
Comment #5
2ndmile commentedIs this happening for anyone else? This is one a fresh install and it happened on an old install as we, both being developed locally.
Comment #6
caschbre commented@2ndmile... see #686276: Display issues with Chrome
Comment #7
Anonymous (not verified) commentedLooks the same to me too. I was all excited about a Wordpress-like interface. Bummer, I guess I should wait until I am using D7.
(Firefox 3.5.7 on Win XP)
Update: Found itLine 966 in seven/css/pretty.css throws a float:left on the entire menu. Erase the rule and the nav lines up again in Firefox.Comment #8
mcrittenden commentedThanks NewSpark. I'll commit a fix ASAP..
Comment #9
caschbre commented@NewSpark... which issue does that fix? The issue brought up in this thread or #686276: Display issues with Chrome I linked to in post #6? Or does it fix both?
Comment #10
Anonymous (not verified) commentedIt fixes the admin nav menu in Firefox but only partially. The theme is still unusable in Drupal6.
Though everything will line up on the left it leaves an awkward empty space.
It should be contained in the left sidebar.
I will give a more complete solution next time I post. Sorry about that.
Comment #11
mcrittenden commentedGotcha. Unfortunately I won't have time to fix this myself for a week or so, so I'm relying on you guys for a patch to get it committed before then.
Comment #12
Anonymous (not verified) commentedOkay I solved it. Ignore my comment #7.
On line 966 in seven/css/pretty.css there is a typo.
Replace:
#pageul.menu li,
with:
#page ul.menu li,
This fixes the menu issue. It now lines up perfectly.
I would recommend adding one more rule to pretty.css to keep the content from floating into the menu.
.content {clear:both;}
To fix the issue from comment #2 simply append the following property to the rule found on line 1265 in pretty.css
for the rule:
input.form-submit, a.button {
add:
margin-left:1.5em;
There are my three fixes.
Note that I have only tested these fixes with Firefox 3.5.7 and Internet Explorer 7 on Windows XP.
I have made a few enhancements that reduce the height, darken the background color, bold and enlarge the headings of the nav boxes as well. Write me if you are interested.
Comment #13
james.elliott commentedNoticed that the tags were not displaying properly in IE7 and IE8. And the border to the sticky-header table was showing up.
This was in a fresh install.
The solution I found was to add another conditional comment to the template to load a CSS file that repositioned the tags and set the sticky-header table to display:none;
Comment #14
mcrittenden commented#12 was committed to 6.x-1.x-dev. Thanks!