Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

Doctype (Opgelost)

brechtjah - 28/05/2008 19:26 (laatste wijziging 28/05/2008 19:30)

Nieuw lid

Ik heb een loginpagina gemaakt, en wilde hem validaten dus voegde ik een doctype toe en de HTML is valid. Helaas als ik het doctype weghaal, geeft hij de layout correct weer in FF, anders niet. In IE maakt het niet uit.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="login_css.css">
		<title>:: Login</title>
	</head>

	<body>
		<form method="post" name="fLogin" action="http">
			<div class="login_layout">
				<table style="display: block; height: 80px; background: #333333; ">
					<tr>
						<td style="width: 100px;"><p class="formtext">Name:</p></td>
						<td><input type="text" name="inputPlayerName" maxlength="30"></td>
					</tr>
					<tr>
						<td><p class="formtext">Password:</p></td>
						<td><input type="password" name="inputPlayerPassword" maxlength="30"></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td style="text-align: right;"><input class="submitbutton" type="submit" name="submitLogin" value="Enter"></td>
					</tr>
				</table>
			</div>
		</form>
	</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="login_css.css">
		<title>:: Login</title>
	</head>
 
	<body>
		<form method="post" name="fLogin" action="http">
			<div class="login_layout">
				<table style="display: block; height: 80px; background: #333333; ">
					<tr>
						<td style="width: 100px;"><p class="formtext">Name:</p></td>
						<td><input type="text" name="inputPlayerName" maxlength="30"></td>
					</tr>
					<tr>
						<td><p class="formtext">Password:</p></td>
						<td><input type="password" name="inputPlayerPassword" maxlength="30"></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td style="text-align: right;"><input class="submitbutton" type="submit" name="submitLogin" value="Enter"></td>
					</tr>
				</table>
			</div>
		</form>
	</body>
</html>

Wat doe ik hier nu mis?
EDIT: in FF is het (met doctype) net als de submit knop in een aparte tabel zit onder, mijn tabel in de form...

12 antwoorden

Gesponsorde links

thomasje - 28/05/2008 19:49
MySQL beginner		Als je je doctype tussen de <head> zet, wat gebeurt er dan? Volgend mij mag het daaran niet liggen maar je weet maar nooit.

thomasje - 28/05/2008 19:54
MySQL beginner		Nou ik heb het altijd tussen de <head> geleerd.

brechtjah - 28/05/2008 20:03
Nieuw lid		Sandernerd schreef: [..quote..] onzin, deoctypes moeten altijd bovenaan. Probeer eens een andere doctype, zoals transitional of frameset. Heb ze alle drie geprobeerd, geen verandering...

Godlord - 28/05/2008 20:36 (laatste wijziging 28/05/2008 20:37)
PHP gevorderde		"<table style="display: block; height: 80px; background: #333333; ">" html4strict code - Bekijk de code zonder highlighting - Klap code in <table style="display: block; height: auto; background: #333333;"> <table style="display: block; height: auto; background: #333333;"> Dat zou moeten helpen. Trouwens het ligt aan de CSS en niet specifiek aan de doctype-tag. M.v.g. Godlord.

Stefaan - 28/05/2008 20:41
Nieuw lid		Komt indd doordat je browser hem net JUIST gaat weergeven door een doctype. heb je dus een foutje staan. Is het trouwens nie background-color: #333333; ?...

brechtjah - 28/05/2008 20:41
Nieuw lid		Thanks, maar, height: auto, zorgt in FF ervoor dat er enorme plaats is tussen mijn tekstvelden en button en in IE nog altijd goed, gewoon mooi onder elkaar

Godlord - 28/05/2008 20:44
PHP gevorderde		Stefaan schreef: Komt indd doordat je browser hem net JUIST gaat weergeven door een doctype. heb je dus een foutje staan. Is het trouwens nie background-color: #333333; ?... In CSS mag background ook. brechtjah schreef: Thanks, maar, height: auto, zorgt in FF ervoor dat er enorme plaats is tussen mijn tekstvelden en button en in IE nog altijd goed, gewoon mooi onder elkaar Dat ligt aan je tags, attributen en je CSS. Doctypes hebben namelijk invloed op bepaalde dingen zoals hoogtes, breedtes en locaties. M.v.g. Godlord.

brechtjah - 28/05/2008 20:45
Nieuw lid		Maar hoe kan ik dan ervoor zorgen dat mijn tabel dezelfde hoogte blijft, ipv te veranderen met doctype?

Godlord - 28/05/2008 20:50

PHP gevorderde

Sandernerd schreef:

haal hieght: auto dan eens weg?

Dat heeft weinig nut.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="login_css.css">
        <title>:: Login</title>
    </head>

    <body>
        <form method="post" name="fLogin" action="http">
            <div class="login_layout">
                <table style="display: block; height: auto; background: #333333;">
                    <tr>
                        <td style="width: 100px;"><label for="inputPlayerName" class="formtext">Name:</label></td>
                        <td><input type="text" name="inputPlayerName" maxlength="30"></td>
                    </tr>
                    <tr>
                        <td><label for="inputPlayerPassword" class="formtext">Password:</label></td>
                        <td><input type="password" name="inputPlayerPassword" maxlength="30"></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="text-align: right;"><input class="submitbutton" type="submit" name="submitLogin" value="Enter"></td>
                    </tr>
                </table>
            </div>
        </form>
    </body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="login_css.css">
        <title>:: Login</title>
    </head>
 
    <body>
        <form method="post" name="fLogin" action="http">
            <div class="login_layout">
                <table style="display: block; height: auto; background: #333333;">
                    <tr>
                        <td style="width: 100px;"><label for="inputPlayerName" class="formtext">Name:</label></td>
                        <td><input type="text" name="inputPlayerName" maxlength="30"></td>
                    </tr>
                    <tr>
                        <td><label for="inputPlayerPassword" class="formtext">Password:</label></td>
                        <td><input type="password" name="inputPlayerPassword" maxlength="30"></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="text-align: right;"><input class="submitbutton" type="submit" name="submitLogin" value="Enter"></td>
                    </tr>
                </table>
            </div>
        </form>
    </body>
</html>

De p-tags zijn nu label-tags. Dit zou dan moeten werken in FF ;).

M.v.g. Godlord.

brechtjah - 28/05/2008 20:58
Nieuw lid		Ok heel erg bedankt het wordt nu overal correct weergegeven. Ik neem aan dat ik de css die op de paragraphs stond op de td-tags kan plaatsen. Anyhow, terwijl ik aan het googlen was zag dat 100% height & width, niet ondersteund wordt met doctype... En die gebruik ik mijn div is 100% height en width. Hoe kan ik dan toch mijn layout van dat stukje behouden?

Godlord - 28/05/2008 21:01
PHP gevorderde		brechtjah schreef: Ok heel erg bedankt het wordt nu overal correct weergegeven. Ik neem aan dat ik de css die op de paragraphs stond op de td-tags kan plaatsen. Anyhow, terwijl ik aan het googlen was zag dat 100% height & width, niet ondersteund wordt met doctype... En die gebruik ik mijn div is 100% height en width. Hoe kan ik dan toch mijn layout van dat stukje behouden? 100% als value in CSS? Moet werken . Je kan altijd voor een validatie gaan als je toch meent dat het niet werkt. De validators vertellen eigenlijk wat de problemen van je website zijn en 100% is hier nog nooit aangemerkt geweest. M.v.g. Godlord.

brechtjah - 28/05/2008 21:02
Nieuw lid		Ok, wel, ik ga nog wat googlen op centreren... thx

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten