margin below the logo in Firefox on Linux
daneel - September 21, 2006 - 19:38
| Project: | Sands |
| Version: | 4.7.x-1.x-dev |
| Component: | Rendering issues |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
I'm having a very disturbing issue with this otherwise wonderful theme: I can't find why I get a very annoying margin below my logo. It looks like the table cell around the logo is a few pixels bigger than the logo image, whereas I'd like it to fill in the whole cell.
Did anyone already experience that issue and found a solution? Because I've been reviewing the page template and the CSS for hours and I couldn't find any solution.
Thanks in advance.
#1
It's weird because I've just tested the layout on Firefox for Windows and I have no margin there, but the image seems to be resized so that it fills the height of the table cell, instead of having the table cell as big as the logo image itself. There is definitely a problem with the uncontrollable height of this cell.
#2
I get this as well. However, for me the problem exists in Firefox, IE, and Opera, and on every image I put up on the website it creates a 2px margin at the bottom. I have even tried to completely delete every piece of CSS there is anywhere, and this still happens.
Simply put, anything within an img-tag gets a 2px margin at the bottom. Been trying to troubleshoot this for a rough total of 8 hours now, and nothing whatsoever has brought me closer to a solution.
#3
What version of Firefox are you guys (or gals) using?
Could someone post (cropped) screenshots of the problem? I'm not really seeing this...
#4
I had the same issue using the bluemarine theme on firefox 2.0.0.3. I did not have this problem in IE! I solved it by assigning a uniquie class to the table cell. So in style.css I'd have something like:
.example {
display: block;
}
As I'am using contemplate together with CCK all I did was to call up the template, find the cell where the image gets inserted, and then do something like this:
-- assign class to table cell
<?phpprint $node->field_billede[0]['view']
?>
for me it worked like a charm.....
hope it helps....
#5
I had the same issue using the bluemarine theme on firefox 2.0.0.3. I did not have this problem in IE! I solved it by assigning a uniquie class to the table cell. So in style.css I'd have something like:
.example {
display: block;
}
As I'am using contemplate together with CCK all I did was to call up the template, find the cell where the image gets inserted, and then do something like this:
<td class="example"> -- assign class to table cell<?php print $node->field_billede[0]['view'] ?> -- just the php that fetches the image
</td>
for me it worked like a charm.....
hope it helps....
#6
I added a display:block to my image and it works
This gives a very good explanation of why it is happening.
http://www.nickschoonens.com/6/rouge-padding-below-images.html