Archief - Login box ziet er anders uit in IE dan FF

D

Diod

Legacy Member

• 27 okt 2008

• #1

In het rechtse menu op Kasten online staat er een login box die er juist uitziet als je hem via Firefox bekijkt, maar fout wanneer je hem via IE bekijkt.

Ik weet niet direct wat er mis is met de html, kan iemand me helpen?

n

nigel555

Legacy Member

• 27 okt 2008

• #2

De fout ligt in uw css file
IE doe soms moeilijk als je bepaalde elementen wil plaatsen.
Ik gok op iets met floats en vaste positionering

D

Diod

Legacy Member

• 27 okt 2008

• #3

Nu ziet het er al iets beter uit in IE, maar er is nog ewwa teveel plaats tussen de elementen.
En het was inderdaad de float. De float van de labels stond op left en nu staat het op none.
Enig idee hoe ik de te grote afstand tussen de elementen kan wijzigen?

n

nigel555

Legacy Member

• 27 okt 2008

• #4

dat kan je wel eens tegenkomen in IE FF is daarin soepeler
en de afstand tussen de elementen, het onderste element afzonderlijk naar boven plaatsen.
anders weet ik het niet direct. Dus eigenlijk uw textvak en het woord erboven samen enkele pixels naar boven plaatsen.

C

Cycloon

Legacy Member

• 27 okt 2008

• #5

Plaats je <form> tags even binnen je <div> tags. IE kan soms andere output geven naar gelang de plaats waar je form tags staan.

D

Diod

Legacy Member

• 27 okt 2008

• #6

De form tags in de divs zetten werkte niet.

Ik heb nu

<p style="margin-bottom:-5%">

Klik om te vergroten...

gebruikt om wat kleinere tussenruimtes te krijgen, mag ik eigelijk wel negatieve waardes gebruiken daarvoor?

EDIT: blijkbaar wel, http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0 zegt er toch niks over.

Ik vraag mij ook af of hier iemand is die weet hoe ik de registratie en login formulieren kan aanpassen aan het thema van de site?(de site is eigenlijk wordpress v2.6)

n

nigel555

Legacy Member

• 27 okt 2008

• #7

negatieve waardes worden meestal vermeden maar soms kan het niet anders. ene form tags in divs zetten zou moeten lukken maarja als het lukt

Ene ik dacht dat je dit kan doen via javascript.

D

Diod

Legacy Member

• 27 okt 2008

• #8

Die form tags in de divs werkten wel, maar je zag geen verschil

K

KoenDK

Legacy Member

• 28 okt 2008

• #9

je kan toch een aparte css maken speciaal voor IE?

K

KoenDK

Legacy Member

• 28 okt 2008

• #10

heuh? hoe kom jij aan die blauwe achtergrond? ik zie dit niet direct in uw code... ik zie enkel uw http://www.kasten-online.be/images/headerfoto.png staan

D

Diod

Legacy Member

• 28 okt 2008

• #11

KoenDK zei:

je kan toch een aparte css maken speciaal voor IE?

Klik om te vergroten...

Ja, wordt al gedaan eigenlijk, kheb daar gewoon niet aan gedacht om dat erbij in te zetten merci

KoenDK zei:

heuh? hoe kom jij aan die blauwe achtergrond? ik zie dit niet direct in uw code... ik zie enkel uw http://www.kasten-online.be/images/headerfoto.png staan

Klik om te vergroten...

In de css staat

Code:

body {
background-attachment:scroll;
background-color:#FFFFFF;
background-image:url(images/headerbg.jpg);
background-repeat:repeat-x;
}

K

KoenDK

Legacy Member

• 30 okt 2008

• #12

zo breed moet dat dan toch niet zijn, als je repeat-x doet

D

Diod

Legacy Member

• 30 okt 2008

• #13

KoenDK zei:

zo breed moet dat dan toch niet zijn, als je repeat-x doet

Klik om te vergroten...

Ik zou het niet weten want ik ben de designer niet, maar ik denk niet dat de achtergrond overal hetzelfde is, en dat hij daarom ook gewoon een grotere afbeelding heeft gebruikt, en dan de repeat-x omdat hij zeker wilde zijn dat hij het hele (horizontale deel van het) scherm ermee vulde.