zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden problem mit css interpretation von IE - Opera - Mozilla

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.03.2004, 11:51
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
  #2 (permalink)  
Alt 03.03.2004, 12:27
MLB MLB ist offline
Benutzer
neuer user
 
Registriert seit: 02.09.2003
Beiträge: 32
MLB befindet sich auf einem aufstrebenden Ast
Standard Float

Hallo Captain!

Da wartet ein Float wieder darauf, gecleart zu werden.

http://css-technik.de/css-examples/219_9/


Code:
<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>
   

<br style="clear:both;">


			</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>


<br style="clear:both;">


	   </div>
	   
      </div>
Zudem fehlt im CSS:

Zitat:
.questionForm {
margin: 0px;
}
Dann sieht's zumindest unter Moz 1.6 und IE5.0 gleich aus.

Gruss

MLB
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.03.2004, 13:15
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2004
Beiträge: 49
captain befindet sich auf einem aufstrebenden Ast
Standard

genial! vielen dank für die schnelle hilfe!

hoffe, ich kann mich irgendwann revanchieren!

grüsse vom captain!
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
CSS - align="right" nur Im Opera. Firefox und IE nicht frankm123 CSS 8 08.06.2006 14:52
Problem mit neuem Opera 8.01 German AngryTomatoe CSS 4 16.08.2005 12:10
Border/Box Problem zwischen Mozilla und Opera cro4ky CSS 3 12.03.2004 09:21
Externe CSS Definition fkt mit Opera 7 / Mozilla 1.5 nicht uri2510 CSS 4 17.12.2003 15:29
CSS, Mozilla und Opera Porzcat CSS 12 14.12.2003 22:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:35 Uhr.