Hei,

Nå som jeg har lært litt om css, jQuery, og PHP, satt jeg meg ned for å prøve å lage noe bare for gøy. Vel, det viser seg at det ikke er så enkelt.

Jeg har lest om det faktum at ting ser forskjellig ut i forskjellige nettlesere, men merket ikke hvor stor denne irritasjonen var, før jeg prøvde det ut selv.

Jeg har laget en ikke-funksjonell søke-form med en <button>. I firefox er <button> helt inline med formen, mens i IE ligger den over formen, altså er den ikke inline. Jeg forstår ikke helt hvordan man skal gå frem for å lage en "universal" <button> eller hvilket som helst element som har presist samme design i alle nettlesere. Håper på litt veiledning her. Mange takk.

display atributtet i CSS kanskje?
display: inline;

Har faktisk allerede display på inline.

Hei ma10as,

Jeg har fast høyde og bredde på button, og margin:0px; padding:0px slik du skriver det!

Prøv denne CSS-fila http://meyerweb.com/eric/tools/css/reset/ før ditt eget stilark.

Den gir alle elementer samme standard-stil (litt samme greie som ma10as foreslo, bare litt grundigere).

Om du søker litt på google ser du at det er flere med samme problem.
Uten å ha testet det, kan du se på denne løsningen. Prinsippet her er en wrapper rundt tekstfeltet og knappen, der du posisjonerer de etter parent-wrapper. Med tanke på at knappen i IE er èn pixel for høy, stiller jeg meg litt tvilende til metoden, men se hvertfall igjennom googleresultatene

Om du i tillegg har en fast høyde på wrapperen rundt, kan du sette overflow til hidden. Kanskje en litt shabby løsning da knappen vil bli kuttet, men verdt et forsøk.

Noe i den duren burde fungere vil jeg tro

Edit: default border width er vel 2px, så du må veie opp med padding til 2px både oppe og nede