Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 03.03.2004, 12:51
captain captain ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2004
Beiträge: 49
captain befindet sich auf einem aufstrebenden Ast
Standard problem mit css interpretation von IE - Opera - Mozilla

hallo!

habe mal wieder ein kleines problem: hier ist der code:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0px;
	padding: 0px;
}
#questionContainerGesamt {
	width: 249px;
	background-color: #F7F7F7;
}
#questionContainerGesamt {  /* This is the Tan hack */
	width: 245px; 
	w\idth: 249px;
}
.questionContainer {
	width: 229px;
	position: relative;
	padding: 10px 10px 10px 10px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.questionContainer {  /* This is the Tan hack */
	width: 245px; 
	w\idth: 229px;
}
.txtBold {
	font-weight: bold;
}
h6.question {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E4E53;
	margin-top: 0px;
	margin-bottom: 0px;

}

p.question {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4E4E53;
	margin-top: 5px;
}
.contentIconNormRe {
	margin-right: 0px;
	float: right;
}
.contentIconNormRe a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E4E53;
	text-decoration: none;
}
.contentIconNormRe a:hover {
	text-decoration: underline;
}
.questionInput {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100px;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.label {
	float: left;
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4E4E53;
}
-->
</style>
</head>

<body>
<div id="questionContainerGesamt">
    <div class="questionContainer"> 
       <h6 class="question">Verf&uuml;gbarkeit</h6> 
       <p class="question">Ist Kabel Digital an einem Wohnort schon <span class="txtBold">verf&uuml;gbar</span>?</p> 
		<form name="form1" method="post" action="../kabeldigital/pakete/index.php" class="questionForm">
            <div class="label">PLZ</div> 
              <input type="text" name="textfield" class="questionInput"> 
            <div class="contentIconNormRe">weiter</div>
         </form> 
        </div> 
        <div class="questionContainer"> 
          <h6 class="question">Gut zu wissen </h6> 
          <p class="question">Was genau bringt eigentlich 
 
            <span class="txtBold">digitales</span> Fernsehen?</p>
          <div class="contentIconNormRe">mehr </div>
	    </div> 
      </div> 
</body>
</html>
in den drei browsern IE 6 / Opera 7.1 / Mozilla 1.4 bekomme ich jeweils verschiedene ansichten. beim IE ist der abstand von padding zu gross, beim Opera schauts richtig aus und bei Mozilla ist der abstand von padding zu klein.

jemand eine ahnung?

grüsse von OLE
Mit Zitat antworten
Sponsored Links