Help! Formulier probleem! Ie explorer!

**Tom Dijkstra** · 1067 × bekeken sinds 26-01-2010, 20:05

http://www.sd-webdesign.nl/jannet/offerte.php

Probleem:

Uitlijning IE.
Vergelijk in Firefox, daar is het perfect.

Wie o wie helpt me even, beloning: 1 euro voor de moeite!

**Ewout Quax** · 26-01-2010, 20:14

Tom,

Ten eerste: je input velden horen niet in een label te zitten.

Maar zo:
<label>naam</label>
<input type="text" name="veldnaam" value="" />

Verder gaat de linkerkolom naar beneden, omdat het formulier niet breed genoeg is. Indien je het formulier 700px breed maakt, ziet alles er netjes uit.
.offerte-form {width: 700px;}

Sterkte.

**Tom Dijkstra** · 26-01-2010, 20:16

Werkt niet.. http://www.sd-webdesign.nl/jannet/offerte.php Width = 700px nu is het in bijde browsers mis..

**Tom Verhaeg** · 26-01-2010, 20:24

Verder mag de hele code wel wat netter.. Wat je wellicht eens kunt proberen:

* { margin: 0; padding: 0; }

**Tom Dijkstra** · 26-01-2010, 20:27

En bedankt.. maar het werkt NIET css zelf ff gauw in elkaar gezet, dit is niet mijn sterkste kant.

**Ewout Quax** · 26-01-2010, 20:31

He bah, je hebt gelijk;

Zo blijkt maar weer: IE8 is niet te vertrouwen. Bij mij zag ie er daar namelijk goed uit op 700px.
Maar in Firefox dan weer niet...

Waarschijnlijk is het beter om je formulier in 2-en te hakken; een linker en een rechter gedeelte.
2 extra divs dus, die je voor het gemak het id 'left' en 'right' zou kunnen geven. En allebei 'float: left;'.
't Klinkt als overdreven veel werk, maar je form wordt dan wel op alle browsers goed gerenderd.

**Tom Dijkstra** · 26-01-2010, 20:51

@Ewout. oke.. maar op http://www.sd-webdesign.nl/jannet/contact.php
Gaat het wel goed... met dezelfde css code...

**Ewout Quax** · 26-01-2010, 21:26

Net wat je goed noemt.
Als ik dit document door de w3c-validator heen haal, dan worden er een hoop fouten gevonden.

Probeer 't zelf:
http://validator.w3.org/check?verbos...%2Fcontact.php

**Ewout Quax** · 26-01-2010, 21:59

Tom,

In de bijlage heb ik een html bestand gezet (met txt-extensie) waarin mijn oplossing met een linker- en rechter div is verwerkt.

De fouten met doctype, content-type en de label heb ik er niet uitgehaald. Maar er zit nu wel een head en body in het document.

De oplossing ziet er goed uit in IE7, IE8 en Firefox. Niet in IE6, maar die wordt toch niet meer ondersteund.

Sterkte met overnemen.

**Tom Dijkstra** · 27-01-2010, 19:56

Ewout, heb het voor elkaar dankzei jou! (pb voor de 1 euro) ! Nu nog een probleem, zie deze printscreen: http://www.sd-webdesign.nl/screen0.png

Het formulier geschiedenis veld, komt onderaan de pagina? Wie helpt? (z.s.m.)

**Robert Jager** · 27-01-2010, 22:54

bij mij in IE 8.0.6001.18882 werkt het wel goed.
Ook in Firefox 3.5.7 geen problemen..

**Robin L** · 28-01-2010, 00:10

Kijkt u eensch;

http://robinfolio.nl/sitedeals/tomdijkstra/

xHTML 1.0 Transitional, heb overbodige dingen als values bij select elementen, font elementen en labels eruit gehaald. Had niet gezien dat er reeds een oplossing was, enfin zie maar wat je ermee doet ;-)

**Tom Dijkstra** · 28-01-2010, 13:00

Robin: Zie deze printscreen: http://www.sd-webdesign.nl/screen0.png

Het formulier geschiedenis veld, komt onderaan de pagina? Wie helpt? (z.s.m.)

Help! Formulier probleem! Ie explorer!