zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Input Feld nur im IE klickbar. Wieso ?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.02.2010, 18:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2010
Beiträge: 5
ShaQ befindet sich auf einem aufstrebenden Ast
Frage Input Feld nur im IE klickbar. Wieso ?

Hey,
ich besitze ein Problem mit einem Input Feld.
Man kann es nur im IE anklicken (laut Freund).Im FF oder Opera geht es nicht.
Wo liegt der Fehler ?

Hier das Template:

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">


<head>

	<title>Test</title>
	<link rel="shortcut icon" type="image/x-icon" href="/templates/default/images/favicon.ico" />
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="/templates/default/css/style.css" />
	<script type="text/javascript" src="/templates/default/js/prototype.js"></script>
	<script type="text/javascript" src="/templates/default/js/scriptaculous.js?load=effects,builder"></script>
	<script type="text/javascript" src="/templates/default/js/lightbox.js"></script>
	<link rel="stylesheet" href="/templates/default/css/lightbox.css" type="text/css" media="screen" />

</head>

<body>

	<div id="top"></div>
	
	<!-- Header -->
		<div id="header">
			
			<!-- Blogname -->
			<div id="blogname_box"> 
				<p class="blogname">Test</p> 
			</div>
			
		</div>
		
	<!-- Menubar -->
		<div id="menu">
			
		
			
		</div>
	
	<!-- Main -->
	<div id="main">
		
		<!-- Content -->
		<div id="content">

<div class="blog_box">
	<div class="blog_box_head">22</div>
	<div class="blog_box_info"><span class="blog_date">2010-02-10 16:24:57</span><span class="blog_user">Test</span> <span class="blog_comments"><a href="index.cgi?perm=4">Keine Kommentare</a></span></div>
	<div class="blog_post">
		<pre></pre><img src="/templates/default/images/smile.gif" alt="smile"/><pre></pre>
	</div>
	
		<div class="hr"></div>
		
</div>


	<div class="pages"><a style="float:right;" href="index.cgi?page=1"> n&auml;chste &raquo; </a></div>
		</div>
		
			<!-- Main2 -->
			<div id="main2">
				<!-- Search -->
				<div id="search">
			
					<form style="display:inline" action="index.cgi" method="post">
							<div><input style="width:100%;" type="text" name="search" value="Search ..." maxlength="40" onfocus="this.value=''" onblur="this.value='Search ...'" /></div>

					</form>
			
				</div>

				<!-- Navi --> 	
				
				<div class="navi_box">

				
					<fieldset>
						
						<legend>Kategorien</legend>
						
						
							<p class="link"><a href="index.cgi?cat=1" title="Kategorie:News">News</a> </p>
							
	
					</fieldset>	
					
					
				</div>
				
				
		
			</div>
			<div class="clear"></div>

	</div>



	<!-- Footer -->
	<div id="footer">
	
	</div>

	
</body>

</html>
Und die Css:
Code:
body {
	background-color:#000000;
	color:#ffffff;
	font-size:12px;
	font-family:helvetica,Verdana;
}

/* Deswegen zwar nicht valid, aber "OHNE" läuft der Post bei diversen Browsern über */
.blog_post pre {
	display:inline;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
		
#top {
	position:absolute;
	left:0px;
	height:20px;
	width:100%;
	top:0px;
	background-color:#111111;
	border-bottom:1px solid #1f1f1f;
}

#header {
	position:relative;
	display:block; 
	margin:10px auto 10px auto;
	background-image:url(../images/header.png);
	width:874px;
	height:186px;
}	


#blogname_box {
	padding:10px 0px 0px 0px;
}

.blogname {
	font-size:50px;
	color:#0074F0;
}
	
		  
#menu {
	position:relative;
	height:auto;
	width:950px;
	margin:-70px auto 0px auto;
	background-color:#000000;
	color:#ffffff;
	padding:5px 0px 5px 0px;
	border-top:1px solid #1f1f1f;
	border-bottom:1px solid #1f1f1f;
}

#menu a {
	font-size:14px;
	text-decoration: none;
	background: url(../images/trenner.png) no-repeat right ;
	padding:0px 10px 0 10px;
	color: #ffffff;
}

#menu a:hover {
	padding:5px 10px 8px 10px;
	border-top:1px solid #0074F0;
	color:#D1D1D1;
}

#main {
	height:auto;
	width:900px;
	margin:15px auto 0px auto;
	background-color:#000000;
}

#content {
	float:left;
	height:100%;
	width:72%;
	padding:5px;
	color:#ffffff;
	background-color:#000000;
	border:1px solid #1f1f1f;
}

#main2 {
	float:left;
	height:100%;
	width:24%;
	margin-left:15px;
	background-color:#000000;
}

div.clear {
	clear: both;
}

#search {
	height:auto;
	width:auto;
	padding:5px;
	background-color:#000000;
	border:1px solid #1f1f1f;
}

#search input {
	border:0px;
	background-color:#000000;
	color:#ffffff;
}

.blog_box {
	height:auto;
	width:auto;
	padding:10px;
	
}

.blog_box_head {
	font-size:20px;
	margin-bottom:15px;
}

.blog_box_info {
	font-size:10px;
	font-style:italic;
	font-family:helvetica,Verdana;
	margin-bottom:20px;
	padding:2px 0px 2px 0px; 
}

.blog_date {
	float:left;
	width:auto;
	background:url(../images/calendar.png) no-repeat left;
	padding-left:20px;
}

.blog_user {
	float:left;
	width:auto;
	background:url(../images/user.png) no-repeat left;
	margin-left:20px;
	padding-left:20px;
}

.blog_comments {
	float:right;
	width:auto;
	background:url(../images/comment.png) no-repeat left;
	padding-left:20px;
}

.blog_comments a {
	text-decoration:none;
	color:#858585;
}

.blog_post {
	padding-top:5px;
	font-family:Verdana;
}

.blog_post img {
	max-width:400px;
	max-height:350px;
	border:0px;
}

.blog_tag {
	font-size:12px;
}

.code_tag {
	height:auto;
	max-height:200px;
	font-size:10px;
	background-color:#0D0D0D;
	overflow: auto;
	display:block;
	margin-bottom:-10px;
	color:#0074F0;
}

.quote_tag {
	height:auto;
	max-height:150px;
	font-size:10px;
	background-color:#BFBFBF;
	overflow: auto;
	display:block;
	margin-bottom:-10px;
	color:#4A4A4A;
}

.hr {
	height:2px;
	width:auto;
	margin:35px auto 0px auto;
	background: url(../images/hr.png) no-repeat center;
}

.navi_box {
	height:auto;
	width:auto;
	color:#ffffff;
	text-align:left;
	margin-top:15px;
	background-color:#000000;
	border:0px;
}


.navi_box fieldset {
	width:auto;
	margin:0px;
	border:1px solid #1f1f1f;
}

.navi_box legend {
	font-size:14px;
	font-family:"Times New Roman",Arial;
	color:#858585;
}

.link {
	color:#ffffff;
	text-decoration:none;
	margin:0px;
}

.link a {
	color:#ffffff;
	text-decoration:none;
	padding-left:10px;
	border-left:1px solid #1f1f1f;
}

.link a:hover {
	color:#D1D1D1;
	border-left:1px solid #0074F0;
}

.pages {
	padding:5px;
	text-align:center;
}

.pages a {
	font-size:10px;
	width:auto;
	padding:2px 4px 2px 4px;
	background-color:#000000;
	color:#ffffff;
	text-decoration:none;
	border-top:1px solid #1f1f1f;
}

.pages a:hover {
	padding:2px 4px 2px 4px;
	border-top:1px solid #0074F0;
	color:#D1D1D1;
}

#footer {
	height:auto;
	width:950px;
	margin:15px auto 0px auto;
	border-top:1px solid #1f1f1f;
	padding-top:5px;
	text-align:center;
	font-size:10px;
	color:#ffffff;
}

#footer a {
	color:#0074F0;
	text-decoration:none;
}

input {
	border:1px solid #1f1f1f;
	background-color:#000000;
	color:#ffffff;
}

input:focus {
	border:1px solid #0074F0;
	background-color:#000000;
	color:#ffffff;
}

textarea {
	border:1px solid #1f1f1f;
	background-color:#000000;
	color:#ffffff;
}

textarea:focus {
	border:1px solid #0074F0;
	background-color:#000000;
	color:#ffffff;
}

/* Kommentare ausgeben */
.comment_box {
	margin:20px auto 20px auto;
	width:100%;
	height:auto;
	border-top:1px solid #1f1f1f;
	border-bottom:1px solid #1f1f1f;
}

.comment_box_infos {
	float:left;
	height:auto;
	width:20%;
	padding:4px;
}

.comment_box_name {
	text-align:center;
}

.comment_box_ava {
	width:48px;
	height:48px;
	margin:5px auto 5px auto;

}

.comment_box_date {
	text-align:center;
	font-size:10px;
}

.comment_box_comment {
	float:right;
	height:auto;
	width:77%;
	padding:4px 4px 4px 0px;
}



/* Kommentar schreiben */
.comment_add_link {
	float:left;
	width:auto;
	font-size:10px;
	color:#ffffff;
	background:url(../images/comment_add.png) no-repeat left;
	padding:2px 2px 2px 20px;
}

.comment_add_link a {
	color:#0074F0;
	text-decoration:none;
}

.comment_form {

	margin-top:10px;
	padding:2px;
	font-size:10px;
}

.comment_info {
	padding-bottom:5px;
}


.post_link {
	color:#ffffff;
	text-decoration:none;
	margin:0px;
}

.post_link:hover {
	color:#D1D1D1;
}

.black { color:black; display:inline; }		
.red { color:red; display:inline;}		
.yellow { color:yellow; display:inline;}		
.pink { color:#FF00AE; display:inline;}		
.green { color:green; display:inline;}		
.orange { color:orange; display:inline;}		
.purple { color:purple; display:inline;}		
.blue { color:blue; display:inline;}		
.beige { color:#FFBF5D; display:inline;}		
.brown { color:#973700; display:inline;}		
.teal { color:teal;display:inline; }		
.navy { color:navy; display:inline;}		
.maroon { color:maroon; display:inline;}		
.limegreen { color:#00FF00; display:inline;}		

.bold { font-weight:bold; }
.underline { text-decoration:underline; }
.italic { font-style:italic; }
.del { text-decoration: line-through; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
Ich kann es mir echt nicht erklären

Vielen Dank im vorraus.

lg ShaQ
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.02.2010, 18:53
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

kannst du das vielleicht irgendwo schnell hochladen? ich denke das es vllt an der ganzen absolute und relative positionierung liegt.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.02.2010, 19:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2010
Beiträge: 5
ShaQ befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
kannst du das vielleicht irgendwo schnell hochladen? ich denke das es vllt an der ganzen absolute und relative positionierung liegt.
Hier: Test

lg ShaQ
Mit Zitat antworten
  #4 (permalink)  
Alt 10.02.2010, 19:09
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Recht hatte ich

es liegt daran, das der header Bereich über das suchfeld drüber reicht. Das alles kommt durch die Relative Positionierung des #header divs.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 10.02.2010, 19:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2010
Beiträge: 5
ShaQ befindet sich auf einem aufstrebenden Ast
Standard

Wao, das ging ja schnell.
Funktioniert jetzt auch. Vielen liebe Dank
Mit Zitat antworten
Antwort

Stichwörter
css, input, xhtml

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 feld + submit button auf gleicher höhe. funktioniert außer in IE8 + FF2+3 monran CSS 4 04.12.2009 09:07
Mit CSS Input Feld Hintergrundfarbe definieren schuschel CSS 6 22.05.2008 17:39
Input Feld benutzt keine Hintergrundgrafik BlakkCooper CSS 5 06.12.2007 22:41
problem div hinter input feld manuel CSS 11 06.12.2007 14:02
zugriff auf ein input feld amateur23 Javascript & Ajax 2 11.10.2006 08:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:03 Uhr.