چگونه متن خودم را درست در وسط یک DIV قرار بدم تا در تمام مروگرها درست نمایش داده بشه؟
سلام دوستان
من میخوام متنی که میخوام قرار بدم درست وسط یک دیو قرار بگیره
از اینرو اومدم این کد رو نوشتم
.en_nav{
position:absolute;
top:44px;
left:20%;
font-size:1.2em;
color:#FFFFFF;
{
و این کد دیوی است که کلاس قبل درونش قرار میگیره
.circle {
height: 115px;
width: 115px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
position:relative;
left:17.5px;
top:17.5px;
}
به اینصورت در کروم به خوبی نمایش داده میشه ولی در فایرفاکس و اپرا جلوتر یا عقبتر نمایش داده میشه
ضمنن از css resetهم استفاده کردم و تاثیر نداشته
نقل قول: چگونه متن خودم را درست در وسط یک DIV قرار بدم تا در تمام مروگرها درست نمایش داده بشه؟
سلام
دقیقترین روش رو با کد جی کوئری می تونید انجام بدید..
به این صورت که طول دیو اصلی رو می گیرید و بعد منهای طول دیو داخلی که می خواهید در وسط صفحه قرار بگیره می کنید و بعد تقسیم بر دو می کنید و به اندازه عدد بدست اومده به دیو داخلی margin-top میدید .. با این کار دیو شما از نظر عمودی در وسط قرار می گیره..برای اینکه از لحاظ افقی هم در وسط قرار بگیره کافی در استایل اون دیو margin:auto بکار ببرید..در این مقاله من این کارو کردم ولی برای اینکه دیو داخل مرورگر در وسط قرار بگیره..برای اینکه داخل یه دیو در وسط قرار بدید کافی تغییر کوچک در همین دستو بدید و بجای گرفتن طول مرورگر طول دیو رو می گیرید..
موفق باشی..
نقل قول: چگونه متن خودم را درست در وسط یک DIV قرار بدم تا در تمام مروگرها درست نمایش داده بشه؟
ممنون
باید تستش کنم
ولی نمیخواستم واسه این چیز کوچیک جی کوئری لود کنم
شاید با جاوا اسکریپت نوشتمش
در ضمن یه مشکل هم وجود داره ، داخل این دیو متن قرار میگیره و مشکلم با وسط چین نشدن متن هست نه خود دیو
متنها هم طول و اندازه متفاوتی دارند ، اینجوری باید طول متن وارده رو هم بگیریم و طبق اون متن تنظیم کنم
یکم پیچیدگی داره ولی من دنبال راهی بودم که با سیاساس بشه این کار رو کرد
ببینم میتونم با جاوا اسکریپت براش کاری کنم ، هر چند جاوا اسکریپتم خیلی ضعیفه
نقل قول: چگونه متن خودم را درست در وسط یک DIV قرار بدم تا در تمام مروگرها درست نمایش داده بشه؟
سلام
فرقی نداره jquery هم کتابخانه جاوااسکریپت هست..
برای قضیه متن هم شما به دیوی که قرار در وسط صفحه قرار بگیره و متن داخلش هست .. min-height بدید ..
موفق باشی..
نقل قول: چگونه متن خودم را درست در وسط یک DIV قرار بدم تا در تمام مروگرها درست نمایش داده بشه؟
ممنون
مشکلم با غیر جاوااسکریپت بودن جی گوئری نیست! منظورم لود شدن خود جاوااسکریپت هست
همونطور که میدونید برای فایل جی کوئری هم ریکوئست ارسال میشه و باید اون به طور کامل لود بشه و سنگین میشه و من نمیخوام برای یه کار کوچیک اینکار رو انجام بدم و از این بابت میخوام با یه کد کوچیک جاوااسکریپت کارم رو حل کنم ولی هنوز شروع نکردم :دی
ب
نقل قول:
رای قضیه متن هم شما به دیوی که قرار در وسط صفحه قرار بگیره و متن داخلش هست .. min-height بدید ..
متن به صورت افقی تنظیم نمیشه ، البته به صورت عمودی هم همینطوره ، پس استفاده از min-height مشکلی حل نمیکنه