<FORM> geeft problemen met mijn <DIV>+CSS

Status
Niet open voor verdere reacties.

Razesdark

Nieuwe gebruiker
Lid geworden
18 dec 2007
Berichten
3
Ik zit met het volgende probleem waar ik even niet meer weet hoe ik dit moet oplossen.
Misschien weten jullie iets:

Ik heb de volgende pagina's:
http://ni.guildscentral.net/without_form.html
http://ni.guildscentral.net/with_form.html

Het enigste verschil tussen deze 2 pagina's is het volgende:

Code:
<!-- Styles start -->
[B]<form method="POST" action="">[/B]
<div id="styles">
<select size="1" name="style">
    <option value="1">Hunter 1</option>
    <option value="2">Hunter 2</option>
    <option value="3">Mage</option>
    <option value="4">Fight</option>
    <option value="5">Illidan</option>
    <option value="6">Arthas</option>
    <option value="7">Lich King</option>
    <option value="8">Soldier</option>
    <option value="9">Oversight</option>
    <option value="10">Infernal</option>
</select><input type="submit" value=">" name="Go" width="8px">
</div>
[B]</form>[/B]
<!-- Styles end -->

Op het moment dat ik die <FORM> tag erin gooi is mijn hele <DIV> overhoop.

Heeft iemand enig idee hoe dit komt ?

PS: Dat die form geen target heeft klopt, het is alleen even ter voorbeeld.
 
ik zou niet weten hoe je het oplost maar wil alleen even zeggen:

VETTE SITE MAN!!!

dat was et:p
 
Het formulier werkt niet eens in Safari 3.0.4.

Ik kon daarom ook geeneens een verschil tussen de pagina's merken.

Probeer anders eens de <form>-tags binnen <div id="styles"> te zetten.
 
Dank jullie allen voor de reacties.

Het probleem lag aan het feit dat ik ID's overal vrolijk aan het gebruiken terwijl deze unique zijn.
Na critisch gekeken te hebben naar mijn CSS en de pagina een aantal maal door de validator te halen heb ik hem nu helemaal aan de praat.

1 klein probleempje blijft over.

Ik heb nu als DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Dit geeft echter wat problemen met mijn achtergrond plaatjes in Firefox.
Zie hier wat ik bedoel:
lines.gif

Het is niet zo in IE7.0 maar dat zegt ook niet alles.

Enig idee wat dat kan veroorzaken ?
 
Probeer dit eens
PHP:
body {
  padding: 0;
  margin 0;
}
 
Heb het opgelost.

Dmv display: block; toe te voegen aan de img class werkt hij nu naar behoren
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan