css für IE

**rednug** · 05.08.2008 13:51

Habe "früher" immer für eine css-Formatierungskorrektur für den IE faktisch die gleiche Formatierung (z.Bsp.: " #rand") nochmals aufgeführt mit " * html #rand" .
Heute funzt das irgendwie nicht.

Hier der html:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Reise- und Kopierzentrum</title>

<link href="css/content.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="index">
	
	
  <div id="rand">
		  <div id="visitenkarte">
		  <h1>Von allt&auml;glich bis exklusiv!</h1>
		    <h2>Reise- und Kopierzentrum</h2>
			<h3>Inh: Gunder Ro&szlig;burger</h3>
			<img src="higrugrf/lageplan_geschaeft_visitenkarte.gif" alt="lageplan" style="float:right;">
			<h3>Colditzer Str. 1<br>
			04668 Gro&szlig;bothen <br>
			Tel.: 034384 / 71066<br>
			Fax: 034384 / 71067<br>
			Mobil: 0170 / 8342917<br>
			Mail: info (at) rukz.de</h3>
			
		    <h5>&Ouml;ffnungszeiten:<br>
	        Mo. bis Fr. 09:00 bis 13:00 Uhr und 13:30 bis 18:00 Uhr <br>
		    Nach Absprache gern andere Termine m&ouml;glich! </h5>
	      </div>
  		  <div align="center">
		  <br>
  		    Verantwortlich für Inhalt: Gunder Ro&szlig;burger 
			</div>
  </div>
</div>

</body>
</html>

Und hier der css:

Code:

body {
	margin:0;
	padding:0;
	background-image: url(../higrugrf/higrubild1.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#index {
	height: 500px;
	width: 790px;
	position: absolute;
	min-width:700px;
	margin-bottom:-251px;
	margin-left:-395px;
	left:50%;
	bottom: 50%;
	border: 5px double #333333;
	z-index:1;}

#rand {
	position:absolute;
	height: 490px;
	width: 470px;
	left: 50%;
	top: 50%;
	margin-top:-229px;
	margin-left:-240px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	
}
 * html #rand {
	margin-top:-219px;
}
#ueberschrift
	{
	position:absolute;
	height: 40px;
	width: 450px;
	margin-top:-80px;
	margin-left:-251px;
	left:50%;
	top: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border: 5px dotted #DEAF4E;
	}	
	
h1 {padding-left:20px;
	color: #409A21;
	text-align:center;
}
h2, h3, h5 {padding-left:30px;}

Danke für Hinweise!

Gunder

**Boris** · 05.08.2008 15:31

Du solltest solche zusätzlichen Angaben über Conditional Comments einbinden und nicht über Hacks im CSS - zumal * html auch auf den IE7 greifen würde, was dann keine gute Idee wäre.

**rednug** · 05.08.2008 15:36

Jo, dann werde ich das mal mir anschauen.
Sind bestimmte Doctypes für CC erforderlich? Da habe ich bis jetzt nichts gefunden.
Melde mich bei Bedarf!

Danke Gunder

**sejuma** · 05.08.2008 17:58

Code:

*html #selektor

funktioniert bis IE 6.
Für den IE 7 brauchst du

Code:

*+html #selektor

.

Generell brauchst du das aber vermutlich überhaupt nicht, wenn du einen qualifizierten Doctype verwendest. Nur damit ist der IE in der Lage, das CSS-Boxmodell richtig zu interpretieren.
Schließlich muss dieser Doctype in der allerersten Quelltextzeile stehen.

**Boris** · 05.08.2008 18:07

Hat er doch:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ... dieser reicht für den IE6, um den Standards Mode zu nutzen.

**sejuma** · 05.08.2008 18:14

Stimmt.
Dann sollten mit dem Universalselektor sämtliche Abstände auf "Null" gestzt und ggf. für p, h, ul usw. wieder individuell definiert werden. Dann sollte es m.E. klappen. http://www.ohne-css.gehts-gar.net/0037.php

**Boris** · 05.08.2008 18:47

Mit den Abständen auf 0 stimme ich zu, aber nicht mit dem Universalselektor - Mozilla selbst rät davon ab.

Besser so: http://meyerweb.com/eric/tools/css/reset/

**rednug** · 06.08.2008 08:41

Liebe Leute, ihr seid sehr hilfsbereit, aber schon wieder neue Dinge wie Universalselektor.
Da bin ich gerade bei CC ein bißchen drin und jetzt - ach nö.

Danke in der Runde und schönen Tag

Gunder

**marc22** · 06.08.2008 15:22

Mit den Abständen auf 0 stimme ich zu, aber nicht mit dem Universalselektor - Mozilla selbst rät davon ab.

Warum das?

**Boris** · 06.08.2008 17:24

Zitat von marc22

Warum das?

Ich arbeite nicht bei Mozilla, keine Ahnung warum die das schreiben.

Siehe: http://developer.mozilla.org/en/docs...ersal_Rules.21

zur Startseite vom TP

Thema: css für IE

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

css für IE

Aktive Benutzer

Aktive Benutzer