Hack für Opera?

Status
Nicht offen für weitere Antworten.
B

blubbbla

Erfahrenes Mitglied
Ich habe eine Klasse erweiter, damit diese sich automatisch der Höhe anpasst und das floaten abschließt:

Code: 
.result{
	border-bottom: 1px solid #d5d4d4;
	padding:10px 0 10px 0;
}

.result:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .result {height: 1%;}

So überall klappt das gut - nur im Opera sind die Abstände nun viel zu groß wegen dem result.after. Der berechnet das irgendwie zu groß mit. Wenn ich das padding im result wegnehme passt es im Opera, aber in den anderen nicht mehr. Gibt es einen Hack für Opera, damit das passt?
 
Hi,

ich kann da keine größeren Abstände im Opera gegenüber den anderen Browsern feststellen.

Und ein "Opera-Hack" für die angewandte clearfix-Technik ist mir auch nicht bekannt.
 
Es liegt am deklarierten Doctype, mit dem das Dokument derzeit im "Quirksmode" übergeben wird.

Setz stattdessen diesen:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
oder diesen hier ein:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
          "http://www.w3.org/TR/html4/strict.dtd">
 
Ich kann da keinen Unterschied gegen vorher feststellen, aber du solltest noch diese fehlende Regel aufnehmen, dann wird die Box im IE7 auch nicht zerschossen:

Code: 
.result {display: inline-block;}
Zum Vergleich nochmal der Original-CSS-Code der "clearfix-Technik":

Code: 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
Nee passt schon alles. Allerdings kann es sein, dass der IE7 keine formatierte hr Elemente mag?
Hab nun als Doctype:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Das passt super. Aber meine hr - Elemente verschwinden im IE 7. Bzw liegt es gar nicht an der Formatierung mit CSS. Wenn ich die weglasse, sind sie trotzdem verschwunden
 
Bei mir verschwinden die hr-Elemente nicht im IE7 - auch nicht mit dem von dir gewählten Doctype.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück