Beispiele machen das Leben leichter;)
hübi
- css
Hallo, ich habe hier schon eins,zwei mal nachgefragt, wie man eine einheitliche Darstellung unter den Browsern erreichen kann.
Nun stehe habe ich so ein Problem:
Hier der Code erstmal:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css" media="screen">
body
{
background-color: darkorange;
margin: 0;
padding: 0;
}
#a
{
height: 5px;
margin: 1em auto;
background-color: darkblue;
}
#b
{
float: left;
width: 150px;
height: 450px;
margin-top: 0.5em;
margin-left: 1em;
border: 2px solid;
background-color: yellow;
}
#d
{
float: left;
width: 80px;
height: 40px;
margin-top: 2.5em;
margin-left: 1em;
background-color: darkgreen;
}
#e
{
float: left;
margin-top: 19em;
width: 80px;
height: 40px;
background-color: darkgreen;
}
#c
{
position: absolute;
left: 50%;
width: 640px;
margin-left: -320px;
top: 50%;
height: 480px;
margin-top: -240px;
text-align: center;
padding: 15px;
background-color: ;
}
</style>
</head>
<body>
<div id="a">
</div>
<div id="b">
<div id="d">
<div id="e">
</div>
<div id="c">
<img class="center" src="logo.jpg" alt=""
</div>
</body>
<html>
Also es wird nur unter Firefox (1.5) korrekt dargestellt, im IE 6 nicht:(
Was ist da falsch?
PS: Sorry für Copy and Paste;)
Mfg hübi
Hi!
o o ooooooo! riecht verdächtig nach Doppelposting *lach* :)
cu, Elias
Hi!
o o ooooooo! riecht verdächtig nach Doppelposting *lach* :)
cu, Elias
ne, kann dich beruhigen;)
in den anderen thema ging es um paar verschiedene grundsätzliche themem, was direkt nicht mehr mit diesem zu tun hat!
Mfg hübi
Hallo!
Vielleicht ist das ja gewollt (obwohl ich mir nicht vorstellen kann wieso), aber wenn du als DOCTYPE die Variante Strict benutzt musst du immer darauf achten, dass jeder Tag auch geschlossen wird. DU hast da einige DIV Tags, die nicht geschlossen werden. Beim IMG
Tag fehlt die spitze Klammer am Ende und die klasse in dem Tag ist nicht in dem CSS Sheet definiert.
Gruß
Sascha
Hallo, ich habe hier schon eins,zwei mal nachgefragt, wie man eine einheitliche Darstellung unter den Browsern erreichen kann.
Nun stehe habe ich so ein Problem:Hier der Code erstmal:
[entfernt]
Also es wird nur unter Firefox (1.5) korrekt dargestellt, im IE 6 nicht:(
Was ist da falsch?PS: Sorry für Copy and Paste;)
Mfg hübi
hallo, also wenn ich alle div-container schließe, werden meine floats nicht mehr angezeigt. und sauberes css beim bild jetzt, löst es leider auch nicht...
Mfg hübi
Hallo,
also wenn ich alle div-container schließe, werden meine floats nicht mehr angezeigt.
Tags müssen trotzdem geschlossen werden, vorallem DIVs. Selbst bei transitional.
Man kann nicht erwarten dass ein Browser etwas korrekt anzeigt wenn man unvollständiges HTML erstellt. DIV-Verschachtelungen sind da sowieso kritisch. Aber absichtlich </div> weglassen statt das wirkliche Problem zu suchen halte ich für keinen guten Ansatz.
Hi,
Man kann nicht erwarten dass ein Browser etwas korrekt anzeigt wenn man unvollständiges HTML erstellt. DIV-Verschachtelungen sind da sowieso kritisch. Aber absichtlich </div> weglassen statt das wirkliche Problem zu suchen halte ich für keinen guten Ansatz.
ACK! Ich würde dir raten deine Seite durch den http://validator.w3.org laufen zu lassen bis alle Fehler weg sind. Zu versuchen vorher das CSS - am Besten noch browserübergreifend - hinzubekommen ist ein irres Vorhaben.
MfG
Rouven