Browser problem in FF7

[12年前 に Rojalin Patri によって更新されました。]

Hi all,
my signin portlet is n't getting rendered properly in FF7.The portlet header is invisible in FF7.but the same FF7 renders it well in linux.but in windows when i m opening my application with FF7 sign-in portlet header "member's login" is not visible.i am attaching the screen shot here..
please suggest what could be the issue.

[12年前 に Ravi Kumar Gupta によって更新されました。]

Which version of Liferay it is..?? Also can you check using firebug, which css rule is applied.. ?

[12年前 に Rojalin Patri によって更新されました。]

This is LF6.0.6 and how to use firebug...please tell me the steps Ravi..

[12年前 に Ravi Kumar Gupta によって更新されました。]

In firefox install this firebug addon. After installing you need to restart firefox. After restart, open the site, right click on portlet header and select inspect. Clicking inspect, you will see a panel at bottom. In the panel see right side, which will list all css rules applied to that element.

This should give you some hints..

[12年前 に Ravi Kumar Gupta によって更新されました。]

You can search Firebug in addons or directly open this url in firefox http://getfirebug.com/

This should give an intro on how to work on css using firebug http://getfirebug.com/css

[12年前 に Rojalin Patri によって更新されました。]

thank you Ravi,
i got it installed.now it's showing the css files.the following css are applied.Out of that some i had applied in advance styling.But Ravi,this i got on the linux env and with all these css it's rendering the portlet well.
#portlet_58 .portlet-title {
background: none repeat scroll 0 0 blue;
color: white;
font-size: 1.6em;
}
localhost:8080 #3 (line 1)
.portlet-title {
color: #222222;
float: none;
font-weight: bold;
min-width: 50%;
padding: 5px;
text-shadow: 1px 1px #FFFFFF;
}
main.c...4834000 (line 1)
.portlet-title {
display: block;
font-size: 1em;
margin: 0;
}
main.c...4834000 (line 1)
h1, h2, h3, h4, h5, h6, strong {
font-weight: bold;
}
main.c...4834000 (line 1)
h1, h2, h3 {
margin: 1em 0;
}
main.c...4834000 (line 1)
h1 {
font-size: 1.8em;
}
main.c...4834000 (line 1)
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
main.c...4834000 (line 1)
h1, h2, h3, h4, h5, h6, strong {
font-weight: bold;
}
css.js...8966000 (line 1)
h1, h2, h3 {
margin: 1em 0;
}
css.js...8966000 (line 1)
h1 {
font-size: 1.8em;
}
css.js...8966000 (line 1)
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
css.js...8966000 (line 1)
Inherited fromheader.portlet-topper
.portlet-topper {
border-style: solid;
font-size: 1.1em;
}
main.c...4834000 (line 1)
Inherited fromsection#portlet_58.portlet
#p_p_id_58_ .portlet {
color: #2C33F7;
font-family: 'Times New Roman';
font-size: 1.1em;
font-style: normal;
font-weight: normal;
line-height: 1.6em;
text-align: center;
word-spacing: -0.1em;
}
localhost:8080 #3 (line 1)
.portlet {
text-align: left;
}
main.c...4834000 (line 1)
Inherited fromdiv.portlet-layout
.portlet-layout {
border-collapse: collapse;
border-spacing: 0;
}
main.c...4834000 (line 1)
Inherited frombody.blue
body {
font-size: 11px;
}
localhost:8080 #2 (line 1)
body {
font-size: 11px;
}
main.c...4834000 (line 1)
body {
font: 62.5%/1.4 Arial,Helvetica,Verdana,sans-serif;
}
main.c...4834000 (line 1)
body {
font: 62.5%/1.6em Arial,Helvetica,Verdana,sans-serif;
}
any idea which could have created the problem in windows????
Thanks
Rojalin

[12年前 に Ravi Kumar Gupta によって更新されました。]

Can you try removing your advanced css once...

[12年前 に Ravi Kumar Gupta によって更新されました。]

If that works then one more thing to try..

in advanced styling.. where you are adding this

#portlet_58.portlet
#p_p_id_58_ .portlet {
color: #2C33F7;
font-family: 'Times New Roman';
font-size: 1.1em;
font-style: normal;
font-weight: normal;
line-height: 1.6em;
text-align: center;
word-spacing: -0.1em;
}

Change text-align to left.. just a rough guess, since its hard to analyze just by text..

[12年前 に Rojalin Patri によって更新されました。]

Hi Ravi,
removed the advance styling and now i m getting all these csses.
.portlet-title {
color: #222222;
float: none;
font-weight: bold;
min-width: 50%;
padding: 5px;
text-shadow: 1px 1px #FFFFFF;
}
main.c...4834000 (line 1)
.portlet-title {
display: block;
font-size: 1em;
margin: 0;
}
main.c...4834000 (line 1)
h1, h2, h3, h4, h5, h6, strong {
font-weight: bold;
}
main.c...4834000 (line 1)
h1, h2, h3 {
margin: 1em 0;
}
main.c...4834000 (line 1)
h1 {
font-size: 1.8em;
}
main.c...4834000 (line 1)
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
main.c...4834000 (line 1)
h1, h2, h3, h4, h5, h6, strong {
font-weight: bold;
}
css.js...8966000 (line 1)
h1, h2, h3 {
margin: 1em 0;
}
css.js...8966000 (line 1)
h1 {
font-size: 1.8em;
}
css.js...8966000 (line 1)
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
css.js...8966000 (line 1)
Inherited fromheader#aui_3_2_0_11656.portlet-topper
.aui-dd-draggable .portlet-topper {
cursor: move;
}
main.c...4834000 (line 1)
.portlet-topper {
border-style: solid;
font-size: 1.1em;
}
main.c...4834000 (line 1)
Inherited fromsection#portlet_58.portlet
#p_p_id_58_ .portlet {
color: #F72323;
font-family: 'Times New Roman';
font-size: 1.1em;
font-style: normal;
font-weight: normal;
line-height: 1.6em;
text-align: center;
word-spacing: -0.1em;
}
localhost:8080 #3 (line 1)
.portlet {
text-align: left;
}
main.c...4834000 (line 1)
this is coming under the following section

<section id="portlet_58" class="portlet">
<header id="aui_3_2_0_11656" class="portlet-topper">
<h1 id="aui_3_2_0_11655" class="portlet-title">
<span>
<img class="icon" style="background-image: url('/html/icons/.sprite.png'); background-position: 50% -480px; background-repeat: no-repeat; height: 16px; width: 16px;" title="Member's LogIn" alt="Member's LogIn" src="/html/themes/classic/images/spacer.png">
</span>
<span class="portlet-title-text">Member's LogIn</span>
</h1>

[12年前 に Ravi Kumar Gupta によって更新されました。]

See the html code you are getting "Member's Login".. I guess just the alignment is not proper

<span class="portlet-title-text">Member's LogIn</span>

So try applying text-align:left; as I mentioned earlier.. HTH

[12年前 に Rojalin Patri によって更新されました。]

and Yes Ravi that was the part which handles the CSS for portlet-title.i had added the below in advance styling and upon doing text align it's changing the text position.
so your guess is correct.but then the same is not rendered on windows...
#portlet_58 .portlet-title{
font-style: bold;
font-size:1.6em;
color:white;
background:blue;
}

[12年前 に Ravi Kumar Gupta によって更新されました。]

Can you try changing in windows.. i mean change in firebug directly and see what happens.. try to modify certain other properties as well... like font-size, color etc.. See if thats working fine.. and try to position title at proper position..

Play little more with firebug and you should be able to see that..