جناب عالی!وجزاکم، شاید میرے بتانے میں کوئی غلط ہو رہی ہو، آپ @عمیر بھائی سے پوچھیں وہ بخوبی جانتے ہوں گے۔
میرے پاس اس طرح سے ہے:مجھے تو لگتا ہے CSS Property میں ہی کہیں غلطی ہو رہی ہے تھوڑا رد و بدل کر کے دیکھیں
CSS پیج کے آخر میں یہ کوڈز لگے ہیں ان کو ریموو کر دیں
کوڈ:#logo img { max-width: 100%; height: auto; width: auto; }
#logo img
{
vertical-align: middle;
max-width: 100%;
}
سب کچھ تو ہو گیا لیکن چوڑائی نہیں صحیح ہو پا رہی. دیکھیں:پیج کے آخر میں دیکھیں
اور اس جگہ جو height والی لائن ہے اسے بھی ریمو کر دیں
کوڈ:#headerMover #headerProxy { background-color: #176093; height: 247px; /* +2 borders */ }
پیج کے آخر میں دیکھیں
اور اس جگہ جو height والی لائن ہے اسے بھی ریمو کر دیں
کوڈ:#headerMover #headerProxy { background-color: #176093; height: 247px; /* +2 borders */ }
#header
{
@property "header";
background-color: @primaryMedium;
@property "/header";
}
{xen:helper clearfix, '#header .pageWidth .pageContent'}
#logo
{
display: block;
float: left;
line-height: {xen:calc '@headerLogoHeight - 4'}px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
max-width: 100%;
vertical-align: middle;
}
/* IE6/7 vertical align fix */
#logo span
{
*display: inline-block;
*height: 100%;
}
#logo a:hover
{
text-decoration: none;
}
#logo img
{
vertical-align: middle;
max-width: 100%;
}
#visitorInfo
{
float: right;
min-width: 250px;
_width: 250px;
overflow: hidden; zoom: 1;
background: @primaryLighter;
padding: 5px;
border-radius: 5px;
margin: 10px 0;
border: 1px solid @primaryDarker;
color: @primaryDarker;
}
#visitorInfo .avatar
{
float: left;
display: block;
}
#visitorInfo .avatar .img
{
border-color: @primaryLightish;
}
#visitorInfo .username
{
font-size: 18px;
text-shadow: 1px 1px 10px white;
color: @primaryDarker;
white-space: nowrap;
word-wrap: normal;
}
#alerts
{
zoom: 1;
}
#alerts #alertMessages
{
padding-left: 5px;
}
#alerts li.alertItem
{
font-size: 11px;
}
#alerts .label
{
color: @primaryDarker;
}