CSS - разлика при браузърите
15 отговора
473 прегледа
CSS - разлика при браузърите
.works {
position: relative;
top: 10px;
height: 100px;
width: 99%;
cursor: hand;
display: table-row;
left: 0px;
overflow: auto;
}
По-горният стил го прилагам на един div, в който нареждам картинки с javascript. Искам да запълва цялата широчина на прозореца на браузъра и да се скролва съдържанието на div-a по хоризонтала. И като ресайзна браузъра - да го изпълва винаги по широчина.
Това става в ИЕ, обаче в Firefox и Mozilla си изпълва пълната широчина, необходима за всички картинки и трябва да скролвам браузъра, а не div-a, както искам.
Как да напиша тоя CSS, че да изглежда еднакво и в двата вида браузъри?
И още един въпрос - Firefox дава следното съобщение:
Error in parsing value for property 'cursor'. Declaration dropped.
Mozilla и ИЕ не дават такива съобщения?
Къде е грешката?
П.П. CSS-а е създаден чрез Dreamweaver, не съм писал на ръка в него.
position: relative;
top: 10px;
height: 100px;
width: 99%;
cursor: hand;
display: table-row;
left: 0px;
overflow: auto;
}
По-горният стил го прилагам на един div, в който нареждам картинки с javascript. Искам да запълва цялата широчина на прозореца на браузъра и да се скролва съдържанието на div-a по хоризонтала. И като ресайзна браузъра - да го изпълва винаги по широчина.
Това става в ИЕ, обаче в Firefox и Mozilla си изпълва пълната широчина, необходима за всички картинки и трябва да скролвам браузъра, а не div-a, както искам.
Как да напиша тоя CSS, че да изглежда еднакво и в двата вида браузъри?
И още един въпрос - Firefox дава следното съобщение:
Error in parsing value for property 'cursor'. Declaration dropped.
Mozilla и ИЕ не дават такива съобщения?
Къде е грешката?
П.П. CSS-а е създаден чрез Dreamweaver, не съм писал на ръка в него.
Re: CSS - разлика при браузърите
пробвай с overflow-x: auto; overflow-y: none; или нещо от сорта беше.
за мищока трябва да ти е pointer вместо hand
за мищока трябва да ти е pointer вместо hand
Firefox...
не поддържа декларацията cursor: hand... Затова я отебава. Ако искаш да е ръчичка във всички браузъри, трябва да сложиш
cursor: pointer; cursor: hand;
cursor: pointer работи за всички без IE5 и 5.5, за които е hand... Задължително требе да са в този ред
overflow-x и overflow-y са само IE декларации, както и display: table-row не работи в IE...
За другото не мога да ти помогна, защото ще ми отнеме време
, но в нета има достатъчно сайтове с хоризонтален скрол, поогледай ги и ще ти се изясни.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
cursor: pointer; cursor: hand;
cursor: pointer работи за всички без IE5 и 5.5, за които е hand... Задължително требе да са в този ред
overflow-x и overflow-y са само IE декларации, както и display: table-row не работи в IE...
За другото не мога да ти помогна, защото ще ми отнеме време
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Re: CSS - разлика при браузърите
Благодаря за съветите!
След серия проби, следният код проработи:
.works {
position: relative;
top: 10px;
height: 100px;
width: 99%;
cursor: pointer; cursor: hand;
display: block;
left: 0px;
overflow-x: scroll;
overflow-y: hidden;
}
<div class="works">
<table>
<tr>
<td nowrap id="previewPane"></td>
</tr>
</table>
</div>
Обаче...
- Изобразява се точно както искам под IE и Firefox
- В Mozilla не ще да се ограничи до 99% широчина, без значение дали прилагам стила works на div-a, на таблицата, или на клетката й. Освен това винаги слага и вертикален скролер, макар съдържанието във вертикала да е по-малко от прозореца.
Странни разлики, като се има предвид, че лисицата е Mozilla Firefox - мислех ги за съвместими!?!
- В Netscape бозата е още по-пълна - с Rendering engine = IE изобразява коректно; с Rendering engine = Firefox изобразява както Mozilla, което е странно предвид първата точка!!!
Нямам възможност да тествам как се държи на Мак, а от това, което сте ми дали да чета, разбрах че Операта си показва винаги скроловете, така че не съм я инсталирал изобщо
Абе хора, вие как пишете код, съвместим с всички браузъри, и възможно ли е това изобщо?
П.П. Ето тук качих сайта временно. Ще ви помоля за мнение, както по външния вид и оптимизирането, но най-вече за:
- сложил съм еднакви <META> тагове на всички фраймове. Това коректно ли е за индексирането?
- <alt>-текстът се изписва като tip само в ИЕ, в другите браузъри - не. Защо???
След серия проби, следният код проработи:
.works {
position: relative;
top: 10px;
height: 100px;
width: 99%;
cursor: pointer; cursor: hand;
display: block;
left: 0px;
overflow-x: scroll;
overflow-y: hidden;
}
<div class="works">
<table>
<tr>
<td nowrap id="previewPane"></td>
</tr>
</table>
</div>
Обаче...
- Изобразява се точно както искам под IE и Firefox
- В Mozilla не ще да се ограничи до 99% широчина, без значение дали прилагам стила works на div-a, на таблицата, или на клетката й. Освен това винаги слага и вертикален скролер, макар съдържанието във вертикала да е по-малко от прозореца.
Странни разлики, като се има предвид, че лисицата е Mozilla Firefox - мислех ги за съвместими!?!
- В Netscape бозата е още по-пълна - с Rendering engine = IE изобразява коректно; с Rendering engine = Firefox изобразява както Mozilla, което е странно предвид първата точка!!!
Нямам възможност да тествам как се държи на Мак, а от това, което сте ми дали да чета, разбрах че Операта си показва винаги скроловете, така че не съм я инсталирал изобщо
Абе хора, вие как пишете код, съвместим с всички браузъри, и възможно ли е това изобщо?
П.П. Ето тук качих сайта временно. Ще ви помоля за мнение, както по външния вид и оптимизирането, но най-вече за:
- сложил съм еднакви <META> тагове на всички фраймове. Това коректно ли е за индексирането?
- <alt>-текстът се изписва като tip само в ИЕ, в другите браузъри - не. Защо???
Re: CSS - разлика при браузърите
алт е за ИЕ, за другите добави титле
за мак пусни еда тема в клуба им и помоли някой да ти каже как е
"Абе хора, вие как пишете код, съвместим с всички браузъри, и възможно ли е това изобщо?" -
отвори тема за това и ще получи доста мнения. възможно е но се иска доста играчка
за мак пусни еда тема в клуба им и помоли някой да ти каже как е
"Абе хора, вие как пишете код, съвместим с всички браузъри, и възможно ли е това изобщо?" -
Редактирано от ghs на
Title
си работи за всички браузъри.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Alt
тага не е предвиден да се използва за tip. Целта му е да се напише там текст, който да се показва когато е изключено показването на картинки в браузъра. Това че IE го показва като tip е едно от многото безумни решения в този браузър.
За коя Мозила говориш - Мозилата с ядрото на FF 1.5 се казва Seamonkey
Netscape 8 е недомислица на AOL и работи с енджина на FF 1.0, затова ти показва както Мозилата...
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
За коя Мозила говориш - Мозилата с ядрото на FF 1.5 се казва Seamonkey
Netscape 8 е недомислица на AOL и работи с енджина на FF 1.0, затова ти показва както Мозилата...
There are three determined states the cat could be in: Alive, Dead, and Bloody Furious.
Редактирано от Koтapakът нa Шpьoдинrep на
Re: Благодаря
GoogleBot например ще си индексира както му е кеф, така че все тая за мета таговете. Description-a e все още важен, keyword-овете...
кво да ти кажа. Добре е да сложиш различни <title>
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
кво да ти кажа. Добре е да сложиш различни <title>
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Re: Благодаря
Като експериментирах с ровене с Гугъл, забелязах, че масово слагат ключовите думи в описанието. И ги индексира на първите страници. Май ще взема и аз така да направя.
Re: Благодаря
Тези, които са на първа страница са там порад други причини.
Масово можеш да срещнеш сайт на първа позиция без дори изобщо да има мета тагове.
Днес ГугълБот все повече поумнява.
Например ако имаш ключова дума, която няма в текста между <боди> и </боди>, това изобщо не ти се брои за ключова дума.
Изчисляват се брой символи брой думи и брой изречения на <title>
с каква дума започва и така нататък
от общите сметки се получава коефициент на title качеството
Всички тези неща с броя на символите, думите и изреченията ги има и за
- keywords
- descрiption
- хиперлинковете
- текстовете в страницата
- броя и типа на same site линковете (<a href="/tvoq/site/linkowe.html")
- думите в same site линковете
- броя и типа на линковете към външни сайтове
- <a href="neshto.si">дори думите на линковете</a>
- <a href="dumite_na_linka.html">
- броя на думите и изреченията в <H1>, <H2> и <H3>
- търсените фрази в <H1>, <H2> и <H3>
мога да ти изредя още 40-50 фактора, от които зависят резултатите
но краткия извод е, че да правиш измислени трикове с <мета> си е загуба на време.
ако искаш да постигнеш нещо, то разгледай и анализирай защо онези а първите резултати са там
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Масово можеш да срещнеш сайт на първа позиция без дори изобщо да има мета тагове.
Днес ГугълБот все повече поумнява.
Например ако имаш ключова дума, която няма в текста между <боди> и </боди>, това изобщо не ти се брои за ключова дума.
Изчисляват се брой символи брой думи и брой изречения на <title>
с каква дума започва и така нататък
от общите сметки се получава коефициент на title качеството
Всички тези неща с броя на символите, думите и изреченията ги има и за
- keywords
- descрiption
- хиперлинковете
- текстовете в страницата
- броя и типа на same site линковете (<a href="/tvoq/site/linkowe.html")
- думите в same site линковете
- броя и типа на линковете към външни сайтове
- <a href="neshto.si">дори думите на линковете</a>
- <a href="dumite_na_linka.html">
- броя на думите и изреченията в <H1>, <H2> и <H3>
- търсените фрази в <H1>, <H2> и <H3>
мога да ти изредя още 40-50 фактора, от които зависят резултатите
но краткия извод е, че да правиш измислени трикове с <мета> си е загуба на време.
ако искаш да постигнеш нещо, то разгледай и анализирай защо онези а първите резултати са там
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Re: Благодаря
Виж, целта ми не е първа страница на Гугъл. Просто искам да оптимизирам сайта и поне да е в резултатите, щото в момента не е. Дори и с внимателно подбрани думи не го намирам - явно бота го е подминал 
Re: Благодаря
Гугъл:
Съжаляваме, но нямаме информация за xthost.info/vens/
* Ако URL-ът е валиден, опитайте да посетите тази уеб страница кликвайки на следната връзка: xthost.info/vens/
* Намерете уеб страниците, които съдържат термина "xthost.info/vens/"
Нормално да я няма в резултатите
страницата не е в Гугъл изобщо
Не я е подминал, явно просто не я е срещал.
Линкна ли УРЛ-то някъде на по-видно място?
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Съжаляваме, но нямаме информация за xthost.info/vens/
* Ако URL-ът е валиден, опитайте да посетите тази уеб страница кликвайки на следната връзка: xthost.info/vens/
* Намерете уеб страниците, които съдържат термина "xthost.info/vens/"
Нормално да я няма в резултатите
страницата не е в Гугъл изобщо
Не я е подминал, явно просто не я е срещал.
Линкна ли УРЛ-то някъде на по-видно място?
Ключ към златната врата
През нея мина Врана, отлетя. [линк]
Re: Благодаря
А, това беше редизайн на сайта, който още не е качен на истинския хост. Не знам друг хубав безплатен хост, където можех да го кача, за да видите за какво говоря. Hit. bg не става.
А xthost ти изтрива сайта, ако нямаш нито едно кликане за определен период
Иначе идеята ми беше да се появя изобщо някъде в резултатите на гугъл, защото старият сайт го няма
А xthost ти изтрива сайта, ако нямаш нито едно кликане за определен период
Иначе идеята ми беше да се появя изобщо някъде в резултатите на гугъл, защото старият сайт го няма