زوم کردن و بهم ریختن صفحه [بایگانی]

View Full Version : زوم کردن و بهم ریختن صفحه

MohseN16

یک شنبه 03 دی 1391, 20:27 عصر

سلام دوستان عزیز ، من ی صفحه html ساختم وقتی زوم میکنم روش همه اجزاش میاد میره تو هم دیگه کد سی اس اسی ک برای اون صفحه هست رو هم محض احتیاط میذارم براتون، اگه میشه بهم بگین چیو باید تغییر بدم تا این مشکل بر طرف شه

.header{
direction:ltr;
width:100%;
height:50;
position:fixed;
top:0px;
left:0px;
right:0px
}
span#headerLinks{
color: white;
padding-top:13px;
padding-left:14px;

font-family:Tahoma;
font-size:16px;
font-weight:medium;
position:absolute;

}
.mainSide{
color:rgb(27,27,27);
width:500px;
height:500px;
position:absolute;
top:150px;
left:60px;
right:500px;
font-size:14px;
font-family:Tahoma;
font-weight:medium;

}
.login{
color:rgb(27,27,27);
width:250px;
height:auto;
position:absolute;
top:150px;
right:5px;

}
.signUp{
color:rgb(27,27,27);
width:250px;
height:400px;
position:absolute;
top:300px;
right:5px;

}

forestasphalt

یک شنبه 03 دی 1391, 22:21 عصر

دوست عزیز احتمالا توی کدهای اچ تی ام یه تگ نبستی یا اون قسمتی که زوم میکنی از قالب کلی سایت جداست
اگه مشکلت حل نشد کدهای اچ تی ام ال تو بذار یه نگاهی بکنیم:چشمک:

ravand

دوشنبه 04 دی 1391, 08:06 صبح

مشکل از auto برای height هست اگه میخوای div با وجود متن بزرگ بشه نیازی به گذاشتن auto براش نیست. ارتفاع رو خالی بذار.

MohseN16

دوشنبه 04 دی 1391, 15:14 عصر

سلام ، من اون auto رو برداشتم ولی بازم درست نشد ، کد اچ تی ام ال رو میذارم ببینین مشکل از
کجاست من ی مقدار مبتدیم تو اچ تی ام ال ممنون میشم راهنمایی کنین ، اینم کد:

<html>

<head>
<title>site name</title>
<link rel="stylesheet" type="text/css" href="main.css"/>
<style type="text/css">

a:link {
text-decoration: none;
color:white;
}
a:visited {
text-decoration: none;
color:white;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>

</head>
<body>
<div class="container" >

<div id="header" class="header">
<span id="headerLinks" >

<a href="/">home</a>   
<a href="">login</a>   
<a href="">sign up</a>   
<a href="">about us</a>   

<span/>

</div>
<div class="mainSide">

</div>
<div class="login">

<form method="post" action="" >
<input type="text" id="userNameLogin" style="height:30px"> </input><br><br>
<input type="password" id="passWordLogin" style="height:30px"> </input><br><br>

<input type="submit" value="Login"> </input>

</form>

</div>
<div class="signUp">

<form method="post" action="">
<input type="text" id="userName" style="height:30px"> </input><br><br>
<input type="password" id="passWord" style="height:30px"> </input><br><br>
<input type="password" id="passWord2" style="height:30px"> </input><br><br>
<input type="text" id="email" style="height:30px"> </input><br><br>
<input type="submit" id="submit" value="Sign up"> </input>
</form>

</div>
</div>
</body>
</html>

sirvan61

سه شنبه 21 خرداد 1392, 16:37 عصر

منم مشكل دارم:گریه:
كل ديو ها رو گذاشتم تو يه ديو با عرض 1000 پيكسل و margin:auto . اين باعث ميشه وقتي زوم مي كنم يا زوم اوت ، يك دست بمونه و قاطي نشه. اما باز هم گاهي يهو ديوهاي چپ و راستم قاطي ميشه بعد يهو درست ميشه !!! يا تو مرورگرهاي مختلف بايد زومش رو درست كنم :عصبانی++::گریه:

ravand

سه شنبه 21 خرداد 1392, 17:36 عصر