Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 10.04.2007, 23:12
Benutzerbild von nick
nick nick ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 01.08.2006
Ort: Rheinland-Pfalz
Beiträge: 386
nick befindet sich auf einem aufstrebenden Ast
Standard boxmodell-fehler in xhtml?

Code im Firefox 2.0 betrachten.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>fuck</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
input, select
{
	background-color: #EBF0D2;
	border: 10px solid #696969;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 20px;

	vertical-align: middle;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
}
</style>
</head>
<body>

<p align="center">
	<select><option>Bla ggg</option></select>
	<input type="text" value="Bla ggg">
	<input type="submit" value="Bla ggg">
</p>

</body>
</html>
Das input des Typen Text ist 40px hoch.
20px height + 10px border * 2

Das input des Typen Submit ist 20px hoch,
Rahmenbreite wird nicht beachtet.

Überhaupt kann ich es mir nicht erklären, wie die Selectbox angezeigt wird oO

Ich will jetzt nicht dem selectfeld ne andere Höhe verpassen,
damit sie gleich hoch gezeigt werden.
Werden sie dadurch nicht wiederum in einem anderen Browser
anders hoch gezeigt?
Mit Zitat antworten
Sponsored Links