защо става така под Оpera?

S

SandPrince

Registered
абе защо като разглеждам сайта на баща ми : geedesign.info под Opera и ми го сече много гадно отдолу. а под другите браузъри не го сече - FireFox InternetExplorer го вади нормално.

мисля си че е от браузъра ама не съм сигурен.
как да го оправя.

///така е и с други сайтове///
 
SandPrince каза:
абе защо като разглеждам сайта на баща ми : geedesign.info под Opera и ми го сече много гадно отдолу. а под другите браузъри не го сече - FireFox InternetExplorer го вади нормално.

мисля си че е от браузъра ама не съм сигурен.
как да го оправя.

///така е и с други сайтове///
Увеличете...
В Opera-та е проблема. Пробвал съм я е не е кат хората.
 
SandPrince каза:
абе защо като разглеждам сайта на баща ми : geedesign.info под Opera и ми го сече много гадно отдолу. а под другите браузъри не го сече - FireFox InternetExplorer го вади нормално.

мисля си че е от браузъра ама не съм сигурен.
как да го оправя.

///така е и с други сайтове///
Увеличете...
При мен е еднакво и с opera и с mozilla :roll:
А не няма място между бутоните и през мозилла сайта изглежда по-голям. :idea:
 
Напиши го грамотно няма да имаш проблеми ето за повече информация тук: http://www.w3.org/
100% като валидираш кода ще ти бачко сайта под всеки браузър :).
Ако имаш проблеми кажи, ще ти обесня как.

Не е от браузъра, на XHTML няма да имаш проблеми!
 
doki каза:
Напиши го грамотно няма да имаш проблеми ето за повече информация тук: http://www.w3.org/
100% като валидираш кода ще ти бачко сайта под всеки браузър :).
Ако имаш проблеми кажи, ще ти обесня как.

Не е от браузъра, на XHTML няма да имаш проблеми!
Увеличете...


Сигурен ли си?
Искаш ли да ти пастна малко валиден код да видим дали навсякъде ще изглежда добре? Защото редовно се налага да оправям код работещ под IE7 за "великия" FireFox
 
Не ми се е случвало, дай кода да го проверя за грешки или го провери ти! Сори ако греша, но w3.org не е случаен сайт!
 
Валидацията няма нищо общо с това как ще излезне сайта . Аз пиша кодовете на ФФ и са валидирани винаги , ама доста често на ИЕ не излизат.
 
Използвам и Opera, IE и FireFox, когато пиша на XHTML нямам проблеми (ако няма грешки), вместо валидация съм имал предвид проверка на кода дали е написан на валиден XHTML. Вярно е че има вероярност да е от браузъра, но прегледах кода на страницата и видях че не е добре, по-добре е да го напише на един валиден XHTML и няма да има проблеми, немислите ли?

Edit: Разгледай тук, и направи това което пише http://validator.w3.org/check?uri=http%3A%2F%2Fgeedesign.info%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Тук намерих едно симпатично момче което изяснява нещата за които говорим: http://videotutorials-bg.com/lessons.php?id=html&tut=132&page=1
 
virosh каза:
Валидацията няма нищо общо с това как ще излезне сайта . Аз пиша кодовете на ФФ и са валидирани винаги , ама доста често на ИЕ не излизат.
Увеличете...

Абсолютно. Ама аз просто съм по-доволен от IE... той е доста по интуитивен.




Ето ти малко код да видиш:
http://www.websolbg.com/dinko/browsers-difference/
имаш два файла index.htm и style.css може да ги разгледаш... извинявам се за разхвърляния код и глупостите които съм писал ... ама се наложи да го пиша супер бързо и съм правил разни лайнарщини и след мене колегата пипа, но това няма значение в случая.

Може да видиш че кода се валидира без проблеми:
http://validator.w3.org/check?uri=http://www.websolbg.com/dinko/browsers-difference/
http://jigsaw.w3.org/css-validator/validator?uri=http://www.websolbg.com/dinko/browsers-difference/style.css


А ето ти и малко Screen Shot-ове да видиш как изглежда при мен на различните браузъри:
http://www.websolbg.com/dinko/browsers-difference/ie.jpg
http://www.websolbg.com/dinko/browsers-difference/ff.jpg
http://www.websolbg.com/dinko/browsers-difference/op.jpg
 
////off

@websolbg ,
Твоето разминаване може би идва от недоглеждане :) Добави height: 18px; на #menu и ще видищ какво ще стане :)

////end off
 
сега нека и аз да кажа нещичко...
в W3C проверих за грешки и има такива но не са фатални. те не могат да образуват това одрязване което се показва в Opera. ако беше от тях щеше да го реже в другите браузъри а не само в Опера
 
Предполагам , че операта не поддържа някои стилове , които си приложил в сайта ти.
 
hrischo каза:
////off

@websolbg ,
Твоето разминаване може би идва от недоглеждане :) Добави height: 18px; на #menu и ще видищ какво ще стане :)

////end off
Увеличете...


Сериозно? Така сме го реализирали, нарочно го махнах за да покажа, че няма значение дали кода е валиден или не.
 
Момчета, момчета, няма да разберете от къде идват проблемите преди да разберете принципите за рендване на различните браузери.
На посочения сайт просто му липсва един height в CSS-а. Ето решението за всички браузери :):
#menu {
border-bottom: #000000 1px solid;
border-top: #000000 1px solid;
color: #000000;
padding: 3px 20px 3px 20px;
width: 860px;
height: 17px;
background: #0093DD;
}
А ето и демо с въпросния сайт:
http://instr.hit.bg/opera_fix/browsers-difference.html

Оказва се, че проблема идва изцяло от IE. Поне така казват стандартите. Ето малко инфо по въпроса от най-добрия БГ сайт за Web-Дизайн:
http://www.456bereastreet.com/lab/developing_with_web_standards/bg/#css
Успех!

ПС: един съвет: не поставяйте излишни width що веднъж са зададени в по-горен слой. Продължение на казаното - ако се наложи да поставяте width и padding в един слой и не ви се ползват хакове просто ги поставете в различни слоеве.
 
PhrozenCrew каза:
Ето малко инфо по въпроса от най-добрия БГ сайт за Web-Дизайн:
http://www.456bereastreet.com/lab/developing_with_web_standards/bg/#css
Успех!
Увеличете...
Това е само превод на една статия, макар и доста голяма. Сайтът не е български.

Дано това, което предлагаш да помогне на SandPrince.
 
Doris каза:
PhrozenCrew каза:
Ето малко инфо по въпроса от най-добрия БГ сайт за Web-Дизайн:
http://www.456bereastreet.com/lab/developing_with_web_standards/bg/#css
Успех!
Увеличете...
Това е само превод на една статия, макар и доста голяма. Сайтът не е български.
Дано това, което предлагаш да помогне на SandPrince.
Увеличете...
Мдам, само една статия е, но е линковете на www.groovemanifesto.net, т.е. от там копирах адреса. предполагам, че някой от www.groovemanifesto.net я е превел и е пратил превода на оригиналния автор. Обикновено така правят тия момчета.
Аз също се надявам да съм помогнал на SandPrince.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе