zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden [PROBLEM] Input-Field & IE6

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.05.2008, 13:42
Benutzerbild von Leviathan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2006
Beiträge: 62
Leviathan befindet sich auf einem aufstrebenden Ast
Standard [PROBLEM] Input-Field & IE6

Hallo zusammen,

ich bin aktuell auf ein Problem gestoßen, was ich mir absolut nicht erklären kann.
Ich habe ein Formular und dieses mit CSS "formatiert". Im Internet-Explorer 6.x lassen sich keine Input-Felder mehr anwählen und befüllen. Der Cursor/Fokus ist schlichtweg nicht möglich.

Hier mal das Dokument...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>ORCA&sup2; - on demand reporting callcenter analysis</title>
<link rel="SHORTCUT ICON" href=".././images/favicon.ico" />
<link type="text/css" rel="stylesheet" media="screen" href="includes/style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="includes/ie.css" />
<![endif]-->
<script src=".././helperscripts/frameworks/prototype/prototype.js" type="text/javascript"></script>
<script src=".././helperscripts/frameworks/prototype/scriptaculous.js" type="text/javascript"></script>
</head>
<body>
  <div id="content">
<div id="login"><form action="/orca2/index.php?login=true" method="post" style="background:#fff url('./images/lock.gif') 70px left no-repeat; text-align:right;">
  <fieldset style="padding:50px 20px 43px 140px;">
    <legend style="margin:0 auto 40px;">Verifizierung erforderlich:</legend>
    <label>User-ID:</label><input type="text" name="user" value="" class="small" /><br />
    <label>Passwort:</label><input type="password" name="pass" value="" class="small" /><br />
    <label>&nbsp;</label><input type="image" src="images/btn_login.gif" name="login" alt="Pr&uuml;fen" style="margin:0px; margin-bottom:2px;" />  </fieldset>
</form></div>
  </div>
</body>
</html>
und das dazugehörige CSS...
Code:
* {
  margin: 0px;
  padding: 0px;
  border: 0;
}
a { 
	color: #3C6491;
	background-color: inherit;
}

a:hover {
	color: #ff9933;
	background-color: inherit;
}
body {
  font-family: Verdana;
  font-size: .7em;
  background: #fff url(.././images/bg.gif) repeat-x top;
}
blockquote {
  margin: 15px 25px;
}
ul {
  margin: 5px 40px 5px 16px;
  list-style-image:	url(../images/list.gif);
  line-height: 1.4em;
}
ul.blz li {
  padding:2px 5px;
}
ul.blz li:hover {
  background-color:#f93;
  cursor:pointer;
}
ul.blz {
  background:#8daac7; 
  list-style:none; 
  list-style-image:none; 
  margin:-3px 0 0 0; 
  width:300px;
}
table {
  font-size: 11px;
}
.tborder {
  border-collapse: collapse;
  background: #8daac7;
}
.tborder1 {
  border-collapse: collapse;
  background: #8daac7;
  font-family: Arial;
  font-size: 11px;
}
th, td {
  padding: 2px;
  white-space: nowrap;
}
th {
  background: #8daac7;
  color: #fff;
  text-align: center;
}
td {
  text-align: right;
}
td.summary {
  border-top:1px solid #000;
  border-bottom:3px double #000;}
h2 {
  color: #8daac7;
  font-size: 14px;
}
h3 {
  color: #8daac7;
  font-size: 12px;
  margin:0 0 10px 0;
}
hr {
  height:1px;
  border:0;
  border-top:1px solid #8daac7;
  margin:0 0 10px 0;
}
.dashed {
  border-bottom: 1px dashed #8daac7;
  margin: 0 0 10px 0;
}
.peq {
  background-color: #ffff99;
}
/* zweite Navigation */
#hmenu {
	padding: 3px 0 5px 20px;
	float: left;
	border-right: 1px solid #8daac7;
}
#hmenu a {
	padding: 5px 13px 3px 11px;
	text-decoration: none;
	color: #414141;
	background: #ccc url(../images/hmenuarrow.gif) no-repeat top center;
	margin: 0 0 3px 1px;
	border-bottom: 2px solid #8daac7;
	border-left: 1px solid #8daac7;
}
#hmenu a:hover {
	background: #ff9933 url(../images/hmenuarrowhover.gif) no-repeat top center;
	color: #FFFFFF;
	border-bottom: 2px solid #8daac7;
}

/************************************************************
 * DIV-Container
 ***********************************************************/
#base {
  margin: 0 0px;
  text-align: right;
}
#footer {
  clear: both;
  text-align: center;
  font-size: 10px;
  border-top: 2px solid #8daac7;
  padding: 5px 20px 25px 20px;
  margin: 26px auto;
}
#login {
  width: 360px;
  margin: 60px auto 150px auto;
}
#content {
  margin: 15px 20px;
  text-align: left;
}
#err, #success, #info {
  padding: 5px;
  text-align: left;
}
#err {
  border: 1px solid red;
  color: red;
}
#success {
  border: 1px solid green;
  color: green;
}
#info {
  border: 1px solid #8daac7;
  color: black;
}
/************************************************************
 * Formulare
 ***********************************************************/

fieldset {
  border:1px solid #8daac7;
  padding: 10px;
}
legend {
  padding: 5px;
  font-weight: bold;
  color: #8daac7;
  font-size: 12px;
}
label {
  float: left;
  clear: left;
  display: block;
  line-height: 2em;
  padding:0 5px 0 0;
  margin:-2px 0 3px 0;
}
.erfassen label {
  width:170px;
}
input {
  font-size:13px;
  height: 18px;
}
input.med, input.red, .kredit, .kreditred {
  width: 132px;
  height: 17px;
  padding: 1px 5px 1px 5px;
  background: #fff url(.././images/input_med.gif) repeat-x top left;
  text-align: left;
}
input.red, .kreditred {
  background: #fff url(.././images/input_med.gif) repeat-x -19px left;
}
input.small, input.smallred {
  width: 90px;
  height: 17px;
  padding: 1px 5px 1px 5px;
  background: #fff url(.././images/input_small.gif) repeat-x top left;
  text-align: left;
}
input.smallred {
  background: #fff url(.././images/input_small.gif) repeat-x -19px left;
}
input.file {
  padding: 1px 5px 1px 5px;
  background: #fff url(.././images/input_file.gif) repeat-x top left;
}
input.submit {
  background-color: #8daac7;
  color: white;
  margin: 3px 0 -1px 0;
  height: 18px;
}
input.check {
  margin:2px 0 0 -4px;
}
textarea {
  border: 1px solid #8daac7;
  padding: 5px;
}
.login {
  text-align: right;
  background:#fff url('images/lock.gif') top left;
  z-index:0;}
Vieles davon ist noch in der Entwicklung. Deshalb entschuldigt bitte den Spagetti-Code und eventuell unsinnige DIV-Layer.

Es ist mir unverständlich, warum man die Input-Felder nicht anwählen kann.
Wohlgemerkt, wenn ich die CSS-Dateien im Header nicht einbinde und alle style-Elemente im HTML-Code entferne, funktioniert es immer noch nicht. Habt ihr einen Tipp für mich?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.05.2008, 13:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Und was ist, wenn du die Scripts rausnimmst?

Ich jedenfalls kann an deinem Code das Problem nicht nachvollziehen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.05.2008, 14:15
Benutzerbild von Leviathan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2006
Beiträge: 62
Leviathan befindet sich auf einem aufstrebenden Ast
Standard

Ich habe sowohl im header die scripte entfernt, als auch im footer. beides bracht keinen erfolg. ich teste mit IE-Multiple mit IE6. Liegt es eventuell daran? Kann jemand validieren mit einem Standalone IE6 oder einer anderen Version des IE-Multiple?

Geändert von Leviathan (22.05.2008 um 14:17 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 22.05.2008, 15:23
Benutzer
neuer user
 
Registriert seit: 21.11.2007
Beiträge: 39
Ronnaki befindet sich auf einem aufstrebenden Ast
Standard

habs eben im 6er IE getestet und da kann man munter in die Felder klicken.
Mit Zitat antworten
  #5 (permalink)  
Alt 22.05.2008, 18:50
Benutzerbild von Leviathan
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2006
Beiträge: 62
Leviathan befindet sich auf einem aufstrebenden Ast
Standard

Es lag wohl doch am IE-Multiple. Im Standalone geht es. Danke Euch.
Mit Zitat antworten
  #6 (permalink)  
Alt 23.05.2008, 12:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.103
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Hast du den Multiple-IE von tredosoft? Da geht das allgemein leider nicht.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
input submit funktioniert in ie7 und ie6 nicht msinn (X)HTML 2 30.06.2009 16:46
Input field - Vertikal ausrichten? img CSS 2 14.01.2009 14:18
Text-Zeichen im IE6 wiederholen sich – Problem... rg69 (X)HTML 2 05.06.2008 15:36
rätselhaftes password input feld im IE6 lomtas CSS 12 12.08.2005 00:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:59 Uhr.