Разлика между виждане на сайта в Мозила и Ин.Експлорър

FirstBlood

Registered
Направих си сайт с дивчета не с таблица.Когато го гледах през мозила нямах проблем,но днес...опа без да искам го отворих с Интернет Експлоръра и видях една ГОЛЯМА БОЗА..разместени дивчета,по-широки от колкото трябва и т.н.

Та да ви попитам дали мога да направя нещо без да пренаписвам css-a,защото е доста дълъг,а не ми се занимава.

Ако можете да ми помогнете...мерси ;)
 
adrian каза:
Аз под IE го виждам перфектно ;)

Изобщо не е перфектно! Горе дето са полетата за име и парола погледни и ще видиш разликата.
Не съм сигурен проблема откъде е, но най-малкото ми трябва css файла...
Аз пък имам един подобен проблем.

http://dark-world.hit.bg/proben-explorer.JPG --това се вижда с IE
http://dark-world.hit.bg/proben-opera.JPG -- А така се вижда с opera или firefox...
Супер много време се мъчих да го оправя, но така и не успях... :oops: (в началото беше още по-зле)
 
ето му css-то http://theass.hit.bg/gzfstyle.css или при мен не е как трябва IE или не виждам проблем :shock:
 
Снимките на сайта който си дал не ми се отваря, затова ще давам съвети "насляпо" :) Пробвай да сложиш на полето където пише Menu някакъв width и height, би трябвало да се получи, но без source трудно се помага.
 
Поне до колкото аз съм забелязал с div-ове е почти невъзможно да се напаснат нещата и да изглеждат добре навсякъде. Както каза porostorm най-лесния начин за избягване на това са таблиците .... Ако ли не искаш таблица (много хора ги плюят :roll: ) - втори css ...
 
scourge каза:
Поне до колкото аз съм забелязал с div-ове е почти невъзможно да се напаснат нещата и да изглеждат добре навсякъде. Както каза porostorm най-лесния начин за избягване на това са таблиците .... Ако ли не искаш таблица (много хора ги плюят :roll: ) - втори css ...
Тук не съм съгласен с теб...напълно възможно е да се направи под всички браузъри да се вижда еднакво. Просто като направиш нещо го проверяваш под два браузъра най-малко (аз лично под ИЕ и Мозила) и нямам никакви проблеми.
Ср. за офф топика
 
adrian каза:
scourge каза:
Поне до колкото аз съм забелязал с div-ове е почти невъзможно да се напаснат нещата и да изглеждат добре навсякъде. Както каза porostorm най-лесния начин за избягване на това са таблиците .... Ако ли не искаш таблица (много хора ги плюят :roll: ) - втори css ...
Тук не съм съгласен с теб...напълно възможно е да се направи под всички браузъри да се вижда еднакво. Просто като направиш нещо го проверяваш под два браузъра най-малко (аз лично под ИЕ и Мозила) и нямам никакви проблеми.
Ср. за офф топика
<OFF TOPIC>
Подкрепям те с 2 ръце! Мислех и аз да напиша нещо, но така си останах с мисленето...
</OFF TOPIC>
 
Мисля, че ще се оправи така:
В css файла трябва да се добави:
Код:
form
{margin: 0px;

padding-bottom: 0px;

}
и .title да се пеправи на
Код:
.title
{
	width: 100%;
	height: 25px;
	background-image: url(images/cellpic1.gif);
	text-align: center;
	font-weight: bold;
	font-size:12px;
margin: 0px;

padding-bottom: 0px;
}

В index.php където има
Код:
<div class="bar"></div>
и
Код:
<div class="bar1"></div>

да се смени с


Код:
<div class="bar"><form></form></div>
и
Код:
<div class="bar1"><form></form></div>
 
Doris каза:
Мисля, че ще се оправи така:
В css файла трябва да се добави:
Код:
form
{margin: 0px;

padding-bottom: 0px;

}
и .title да се пеправи на
Код:
.title
{
	width: 100%;
	height: 25px;
	background-image: url(images/cellpic1.gif);
	text-align: center;
	font-weight: bold;
	font-size:12px;
margin: 0px;

padding-bottom: 0px;
}

В index.php където има
Код:
<div class="bar"></div>
и
Код:
<div class="bar1"></div>

да се смени с


Код:
<div class="bar"><form></form></div>
и
Код:
<div class="bar1"><form></form></div>


oOoOOOOo Боже!
Тъкмо почнах да пиша нов код и доидох да кажа,че пренаписвам всичко на ново и оп! ЧУДО!!!
Благодаря ти много,получаваш точка,само има още един проблем:
декорацията не е от край до-край...ако може да оправим и това просто ставаш безценен :D :D
 
В css файла

Код:
.outer
{
	margin: 25px 25px 25px 25px;
	width:auto;
	height: auto;
	border: 1px solid #000000;
	background-color: #4C5B57; 
	background-image:url(images/bg1.gif);
	overflow:auto;
}

трябва да се смени с

Код:
.outer
{
	margin:0px;
	width:auto;
	height: auto;
	border: 1px solid #000000;
	background-color: #4C5B57; 
	background-image:url(images/bg1.gif);
	overflow:auto;
}

:)
 
:roll: Мислех, че искаш да махнеш полето от 25px отстрани.
Какво всъщност означава декорацията не е от край до край?
 
FirstBlood каза:
Същата история :?

Пробвай с различен width и height, например:

.outer
{
margin:0px;
width:70px;
height: 20px;
border: 1px solid #000000;
background-color: #4C5B57;
background-image:url(images/bg1.gif);
overflow:auto;
}
 
Doris каза:
:roll: Мислех, че искаш да махнеш полето от 25px отстрани.
Какво всъщност означава декорацията не е от край до край?
Имам в предвид синьото да стане като зеленото.
decornj4.jpg

Мерси предварирително ;)
 
Ето вариант за промени в css:

Код:
.mainmenu
{
	background-image: url(images/bg1.gif);
	cursor: default;
	width: 150px;
	height: auto;
	float:left;
	margin:4px 4px 0px 4px;
}

.news
{
	margin: 8px 252px 0px 150px;
	background-color: #4C5B57; 
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	height:auto;
	width:auto;
	border:1px solid #000000;
}






 .lastforumposts
{
	width: 246px;
	height: 250px;
	background-color: #4C5B57; 
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	border: 1px solid #000000;
	margin: 8px 4px 8px 4px;
	float:right;
}
 

Back
Горе