nicht angemeldet
Korrekte anzeige im IE
Hi Forumleser,
ich hab mich schon durch die Suche gewühlt, aber leider gabs bei dem Problem keine Lösung, bzw es antwortete niemand mehr.
Und zwar zeigt der IE
margin-right: 6px;
falsch an. Wenn man diesen attribut dem p-tag gibt wird in und aus dem Tag 6px hinzugefügt.
Beispiel: http://gloop.fireburn.de/test/test.html
Gibt es dafür eine akzeptable Lösung? Auf Tabellen möchte ich _ungern_ zurückgreifen.
Danke für die Hilfe
-
Hallo,
Und zwar zeigt der IE
margin-right: 6px;
falsch an. Wenn man diesen attribut dem p-tag gibt wird in und aus dem Tag 6px hinzugefügt.
Beispiel: http://gloop.fireburn.de/test/test.html
Gibt es dafür eine akzeptable Lösung? Auf Tabellen möchte ich _ungern_ zurückgreifen.
Wenn Du bei deinen Suchanfragen nicht verschwiegen hättest, dass dieses Problem nur in Zusammenhang mit CSS float auftritt, hättest Du garantiert Hinweise gefunden. Das ist ein alter Bekannter des IE, der IE Doubled Float-Margin Bug.
viele Grüße
Axel
-
Hi,
weiss net wo liegt denn genau problem im IE, aber so funktionierts =)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>FS-COMPUTERS Wawi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="./style2.css">
<script src="rechtsklick.js" type="text/javascript"></script>
<style type="text/css">
html, input, select, table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin:0;
padding:0}
html{
background-color: #F7F6F4;
margin:0;
padding:0}
.cc{
border: 1px solid red;
float:left;
margin:0 6px 6px 0;
padding:0;}
.telephone br{
clear:left;}
</style>
</head>
<body>
<div class="telephone">
<div class="cc">Telefon 1:<div style="border:0"><input type="text" name="tel1"></div></div>
<div class="cc">Telefon 2:<div style="border:0"><input type="text" name="tel2"></div></div><br>
<div class="cc">Fax:<div style="border:0"><input type="text" name="fax"></div></div>
<div class="cc">Mobiltelefon:<div style="border:0"><input type="text" name="mobil"></div></div><br>
</div>
</body>
</html>