ďťż

[css] layout na divach na IE legnie...

       

Podstrony


telcocafe

Witam. Stworzyłem layout na divach. Na Operze i Firefoksie wszystko jest OK, czyli TAK. Niestety na IE się rozwala - wyglada to wtedy TAK :(

Oto kod CSS:
body { font: 8pt verdana; margin: 0px; } #all { width: 768px; margin: 0px; } #top { background: url(img/logo.jpg) no-repeat; height: 20px; padding-left: 360px; padding-top: 75px; width: 408px; } #szukaj { left: 584px; top: 57px; float: left; vertical-align: bottom; position: relative; } #header { border: 1px #cacaca solid; border-bottom: 0px; background-color: #fafafa; padding: 2pt; width: 401px; }
I kod HTML:
<center> <div id="all">  <div id="szukaj">    <form action="index.php?show=szukaj" method="post">      <input type="text" name="zapytanie" size="22" />      <input type="submit" value="Szukaj" />    </form>  </div>  <div id="top">    <div id="header">      <a href="index.php?show=forum">Forum</a> ::      <a href="index.php?show=download">Download</a> ::      <a href="index.php?show=wywiady">Wywiady</a> ::      <a href="index.php?show=felietony">Felietony</a> ::      <a href="index.php?show=redakcja">Redakcja</a> ::      <a href="index.php?show=pomoc">Pomoc</a>    </div>  </div> </div> </center>

Wiecie co zrobić, żeby na IE wygladało tak jak na FF/Operze? ;)



Może spróbuj dodac do form:style="display: inline;"


Może spróbuj dodac do form:style="display: inline;"

Nie wiem w czym dokladnie ci to nie pasuje na IE bo musiallbym zobaczyc to takze na firefoksie np. Jeśli chodzi o formularz to sproboj wstawic zamiast
left: 584px; top: 57px;
wstaw:
margin-left: 584px; margin-top: 57px;




Nie wiem w czym dokladnie ci to nie pasuje na IE bo musiallbym zobaczyc to takze na firefoksie np. Jeśli chodzi o formularz to sproboj wstawic zamiast
left: 584px; top: 57px;
wstaw:
margin-left: 584px; margin-top: 57px;

Skoro wykombinowales, w jaki sposob zrobic, by chodzilo pod IE, rzuc js-a badz PHPa i w zaleznosci od przegladarki, niech pisze style odpowiedznie dla niej ;) ale chyba juz na to wpadles...


ale chyba juz na to wpadles...

z IE jest tak ze do formularzy dodaje odstepy i marginesy wez:

form { margin:0; padding:0; } powinno pomóc :)


z IE jest tak ze do formularzy dodaje odstepy i marginesy wez:

form { margin:0; padding:0; } powinno pomóc :)

Hm... A co nie pasuje na IE? Według mnie wszystko gra na każdej przeglądarce :D


Hm... A co nie pasuje na IE? Według mnie wszystko gra na każdej przeglądarce :D

duzo latwiej byloby pomoc gdybys mial to w necie i podal adres wtedy web developer i mozna podzialac ;]


duzo latwiej byloby pomoc gdybys mial to w necie i podal adres wtedy web developer i mozna podzialac ;]

FF inaczej odczytuje niektóre komendy, jedna z przeglądarek bierze pod uwagę odległość od krawędzi, druga od widocznego obszaru, różnice sięgają kilku pikseli. Miałem kiedyś ten sam problem, wstawiałem obrazki Div'ami i na FF były odstępy o wielkości 1 cm, a na IE tak jak miało być.
Użytkownik Security edytował ten post 12 kwiecień 2006, 14:50

(...)

Proszę bardzo:
http://wolserv.zapto...ld/neo_new1.htm

zrobiłem spore przemeblowanie zarówno w xHTML jak i CSS więc popatrz sobei i jak chcesz to skorzystaj :)


Proszę bardzo:
http://wolserv.zapto...ld/neo_new1.htm

zrobiłem spore przemeblowanie zarówno w xHTML jak i CSS więc popatrz sobei i jak chcesz to skorzystaj :)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.