różne wyświetlanie elementów w różnych przeglądarkach i wykrywanie przeglądarki

Witam. Mam dwa problemy:

1. Czy po ustawieniu rozmieszczenia obrazów w div'ach, to w każdej przeglądarce będą się te elementy ustawiały w innych miejscach czy w takich samych? Mi się w chromie ustawia normalnie, a w firefox, ie, opera ustawiają się inaczej.

2. Czy jest jakiś skrypt który sprawdza w jakiej przeglądarce uruchamiamy stronę i przekierowuje nas na inną stronę np oglądamy stronę abc.html w firefox, a strona jest tylko dla ie to skrypt przekierowuje nas na strone abc-firefox.html. Ten skrypt może być w każdym języku programowania stron www.

1. Tak, jeżeli jest źle to robisz coś źle, bez kodu nie powiemy co. Jeżeli w Operze/IE/FF jest tak samo, a tylko w Chromie inaczej to jest też szansa, że to bug Chrome i "normalnie" jest w tych innych.

2. Tak, ale informacje o przeglądarkach można fałszować - więc takich rzeczy nie powinno się robić. Jedyny wyjątek to specjalne reguły CSS dla nieogarniających i zabugowanych starych IE (bo mechanizm wykrywania jest lepszy). Ah, no i javascriptem jest pewien lepszy sposób na detekcję przeglądarki, niż ten podstawowy, który da się oszukać - ale ten sposób.. także da się oszukać. Prawdopodobnie jeżeli taki pomysł wpadł Ci do głowy to jest on następstwem popełnionego wcześniej błędu. Jeżeli kombinowaniem łatasz błąd to w którymś momencie staniesz w miejscu, bo wszystko będzie przekombinowane. Robisz coś źle - to się wracasz i poprawiasz - póki można i nie kosztuje to wiele pracy.

Daje tutaj paczkę z plikami od strony to jest folder image, plik css i index.html

A, inputy. Elementy formularza są słabo określone w standardach jeżeli chodzi o stylowanie, więc każda przeglądarka ma pewną dowolność. Jeżeli elementowi nadasz height, to Opera tekst wycentruje pionowo, IE przyklei go do góry (ale bodajże respektuje line-height dla inputa), Firefox od którejś wersji też centruje pionowo, Chrome nawet nie wiem. Najlepiej zrób tak: Wywal elementowi height. Zobacz jaki ma domyślny height dla ustawionego rozmiaru fonta. Docelowo chcesz mieć 30px, automatycznie załóżmy że ustawia się 16px. Musisz to wyrównać paddingami - na każdej przeglądarce będzie tak samo. 30-16 = 14px. Czyli padding góra i dół = 7px.

Spójrz też na screenshoty:
http://i.imgur.com/lrNK11n.jpg
http://i.imgur.com/GAKGxMe.jpg
http://i.imgur.com/88w6oaj.jpg

Każda przeglądarka coś takiego ma (oprócz FF, do którego musisz doinstalować Firebug), tam wszystko widać jak na dłoni, co i dlaczego, "na żywo" możesz też poprawiać style, żeby zobaczyć ich efekt, oraz wiele więcej. (hint: tam też zobaczysz jaki height w px ustawił się przy automatycznym stylu)

Ja nie wiem dalej jak to zrobić. Mógłbyś mi to pokazać na kodzie ?

Dalej nie wiem jak to zrobic pomóż proszę.

Wystarczająco Ci wyjaśniłem. Wykaż trochę własnej inicjatywy, zapoznaj się z narzędziami, w razie czego treści na internecie też jest wystarczająco, a ja Ci jej przepisywać nie będę, skoro ona tam jest i czeka aż łaskawie odpalisz google.
Usuwasz height, sprawdzasz narzędziami dev. jaka domyślna wartość sie ustawia dla tych pól (hint: zakładka Układ), robisz proste obliczenie podane powyżej i do tych inputów wstawiasz padding (zamiast tego height).

Edit: wątek jako "rozwiązany" oznaczaj raz - kiedy już otrzymasz zadowalającą odpowiedź. Jak chcesz zaaprobować każdą odpowiedź to po prostu kliknij strzałkę w górę.

ale skąd mam usunąć height

ze stylu inputa?

pola danych są dobrze ustawione juz mi chodziło o obrazek zaloguj

edit: ponieważ ten obrazek w każdej przeglądarce jest w innym miejscu i przesuwa się o 1-3 px

Lol.

1. nie są dobrze ustawione, skoro się wyświetlają tak losowo
2. nie zauważyłem tego submita, ale tak to jest jak się problem opisuje o tak: Daje tutaj paczkę z plikami od strony to jest folder image, plik css i index.html TO NIE JEST OPIS PROBLEMU

Nie wiem co ty zrobiłeś, analizować to wszystko trochę potrwa, bo to niewidzialne elementy na jakichś obrazkach - (dla mnie tutaj własnie następuje uzasadnione użycie pozycjonowania absolutnego, ty robisz to marginesami itd), ale <div class="arsumbit2" /> to jest błąd, przynajmniej w dokumentach nie będących xml-ami (a Twój dokument nie jest xml-em), to przeglądarka poprawi sama, więc raczej nie stanowi problemu. Druga rzecz jest taka, że ja diva w buttona bym nie pakował. Nie widzę zasadności, jak inputa o typie submit można ostylować. A najlepiej zrobić go niewidzialnego tak jak te inputy tekstowe.

Ale ja chciałem zrobic przycisk zmieniający grafikę po najechaniu myszką, a na zwykłym <button class="arsumbit"> tło się robi szare ponieważ obrazek ma przeźroczyste tło.

to użyj background zamiast background-image - to Ci wyzeruje kolor do przeźroczystego. ew. dodaj do tego background-color: transparent

A jak usunąć napis z przycisku na input?

ustawić puste value?

edit: im więcej pytań zadajesz tym bardziej dotyczą one podstaw, chyba Ci lepiej idzie jak samemu coś rozwiązujesz o.O