nicht angemeldet
Lieber Ingo
2.) Firefox passt die Abstände auch bei Schriftgrad-Änderung
immer schön mit an. Opera macht das auch, wobei dieser dann
aber sogar die Angabe width: 508px; ignoriert.
Hast Du evtl. keinen Doctype angegeben? Opera bemüht sich dann, die Fehler des IE zu kopieren. ;-)
Doch, habe ich :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Oder hat dieses width-Verhalten evtl. was mit "XHTML 1.0 Strict" zu tun?
Sollte man sich aufgrund dieses ganzen durcheinanders vielleicht
dann doch lieber ein Layout ausdenken, was vollkommen auf
Breitanangaben verzichtet?
wieso Breitenangaben? Ich denke, es geht um Abstände?
Ja, das mit der Breitenangabe im Opera war mir nur zusätlich aufgefallen.
Hier zur Veranschaulichung nochmal mein HTML-Code und die CSS:
HTML
-------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="css-screen.css" />
<title>SPACEart</title>
</head>
<body>
<h1>Neuheiten</h1>
<h2>Star Wars : AT-AT (Einzelstück)</h2>
<img src="Artikel/2001007-b.jpg">
<p>Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>
<p>Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>
</body>
</html>
-------------------------------------------------------------------
CSS
-------------------------------------------------------------------
* html body {font-size:101%;}
body{
background-color : #235f70;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}
h1, h2, p{
background-color: #004559;
padding: 5px;
border: 1px solid #ffffff;
width: 498px;
margin: 10px 0 0;
}
h1,h2{
font-weight: bold;
color: #fff000;
}
h1{
font-size:1.5em;
}
h2{
font-size:1.3em;
}
img{
border: 1px solid #ffffff;
margin: 10px 0 0;
}
-------------------------------------------------------------------
Und hier auch nochmal der Link, wo Du Dir das praktisch
ansehen kannst: http://http://www.spaceart.de/_WC3_Test.shtml
Im IE und Firefox wird die Breite von h1, h2 und p in 498px eingehalten
(natürlich zusatzlich des 1px borders und 5px paddings)
aber im Opera wird die Breite der angezeigten Element immer
größer, je weiter ich die ..... ähhh moment mal ....
.... ich sehe gerade, dass das da Zoomfaktor heisst.
Das würde natürlich alles erklären.
Kann man im Opera überhaupt die Schriftgröße verändern?
Gruß
Ingo
MudGuard
Gunnar Bittersmann