SOLVED Strange Alignment Problem in Table in FireFox
-
-
- Skeeter
- Sr. Rocketeer
- Posts: 101
- Thanks: 0
-
I switched my default template from another RT template to Afterburner (gosh it is fast) and noticed a strange problem with Firefox 3.5.5 involving tables and alignment.
http://bpm2.com/index.php?option=com_content&view=article&id=64&Itemid=86
In FF you will see the misalignment of the second column with the first column. The text in the second column seems to set at the bottom of each cell while the first column seems to align to the top of the cells.
If you view the same page in IE you don't see this problem of misalignment. If I change the template to any other template the problem goes away. I tried to find the problem in FireBug but I don't see the problem. I think this might be some kind of CSS issue but I can't find it.
It seems to be related to images because if a row doesn't have an image the alignment is correct (see the "test" text just above "Citrix" logo).
This is probably something real easy - but I just don't see it.
Thanks,
Frank - Last Edit: 15 years 4 months ago by Skeeter.
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- I don't see any difference between Firefox and IE8. Btw, have you checked the Firefox error log?
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- Skeeter
- Sr. Rocketeer
- Posts: 101
- Thanks: 0
-
No errors in the FF Error log. I am using IE 7 and it looks ok but not in FF.
I have attached a screen shot of what it looks like on my workstation. Is this what you are seeing too?
Notice how the image and the text is not aligned but the text seems to be aligned to the bottom of the cell? There is no code in the table that would cause this. If I change templates both are perfectly aligned.
Thanks!
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
In light4.css:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline; <- try removing this line
}
I hope this does what you want
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
Time to create page: 0.065 seconds