Loading...
manito_17711 avatar manito_17711 43 Точки

Различните браузъри... и защо не харесвам HTML...

Здравейте,

от последното домашно почти ме отказаха от HTML-a... :)

 

Горе в ляво е Google Chrome - всичко изглежда добре.

Горе в дясно е Internet Explorer - не зарежда снимките на страните...

Долу е Firefox... - омазва закръглението на рамката и също не зарежда снимките... и омазва бутоните в последната колона...

 

...от моя телевизор -> Снимка

 

GitHub -> https://github.com/manito17711/html_homework

 

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

 

Поздрави,

Ники

 

P.S.

Preview link

 

Тагове:
-2
Web Fundamentals - HTML5 15/02/2015 16:30:43
kasskata avatar kasskata 492 Точки

Напротив, много повече са грешките когато започнеш да изграждаш собствен сайт, и трябва да ти побелее косата, като започнеш да се бориш всичко да е ок на всички броусери. 

И има начини да си спестиш всички главоболия и това са готовите темплейтни системи като Bootstrap, който се грижи всичко да е това, което искаш на всеки браузър. Но пак има разлики, така че мога да те посъветвам, винаги да пишеш един 80 реда default селектор в CSS който ти оправя всичко да е от нулата, а не както на браузъра му хареса.

А това, че не излизат картинките, може само да ти каже: 01.Колко са тъпи другите два браузъра и колко не трябва да се използват :D 02.Някой браузъри не разбират начина ти на писане на картинките. "content" може да не значи нищо за енджините им. Пробвай да сложиш един празен контейнер с големина W:40px H:20px и сложи background: url() да видим дали ще се оправи.

2
batzidi avatar batzidi 3 Точки

В подкрепа може да използваш normalize.css (http://necolas.github.io/normalize.css/)

1
AleksandurSeferinkin avatar AleksandurSeferinkin 333 Точки

Bootstrap ползва normalize.css по собствен начин.

0
jerrynp avatar jerrynp 4 Точки

На Opera Browser излиза нормално.

Подобен проблем съм имал с e107 като разширението на файла е написано с главни букви. Примерно image.png и image.PNG, но в твоя случай няма как да е от това.

.brasil_flag {
float: right;
padding: 0px 3px;
content: url("images/brasil.png");

Само за тест пробвай float: right; да го махнеш от каскадния стил и да видиш, дали изобщо ще се появят.

 

Другото, което може да пробваш е сложи каскадният стил в
td.brasil_flag

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

Може да пробваш да си поиграеш с 

vertical-align: top;
    padding-top: Xpx;
    padding-bottom: Xpx;
padding-right: Xpx;


0
15/02/2015 17:48:49
Filkolev avatar Filkolev 4482 Точки

Опера е с енджина на Хром, така че не следва да има разлики между начина, по който излиза даден сайт в двата браузъра.

0
kasskata avatar kasskata 492 Точки

Opera вече е продукт на Google енджина, Той се държи 100% като Chrome. Не става за сравнение. Mozilla, IE, Safari, Chrome зад тях седят различни енджини и работят с малки разлики. Не съм много сигурен но Safari се говореше че ще минат на Chromium. Но може и да греша :)

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.