Ein Test
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//DE" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head><title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"> <!--
html,body {
margin: 0px;
padding: 3px 2%;
background-color: #FF9933;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 101%;
}
#frame {
min-width: 760px; /* 760px */
max-width: 900px; /* 1000px */
margin: 0px auto;
}
#inner {
border: 1px solid #000000;
padding: 3px 5px;
background-color: #FEFEFE;
}
p {
margin: 1.4em 0;
font-size: 0.8em;
}
-->
</style>
</head>
<body><div id="frame">
<div id="inner">
Inhalt jeglicher Form.....</p>
</div>
</div></body></html>
Nun dem IE bringen wir wohl kein max-width bei. Okay
JavaScript kommt für mich nicht in Frage !
Ich habe jetzt nochmal einen Versuch zumindest einen optischen Effekt zu erreichen, bzw. die Verbreiterung im IE auszubremsen.
Könnte mal jemand diese Veranstaltung auf anderen Browsern sich anschauen.
Mozilla / Opera zentrieren schön, bzw, stellen auch den [max-width] ein.
IE6 ist in der [witdh] "gebremst", weil sich der relative padding des BODY auswirkt, und zentriert auch.
Hat jemand noch andere Möglichkeiten zum Testen