Ich hab ne seite mit css gemacht. Das Problem ist, das ich ein grosses <div> habe, wo alle anderen <div> drin sind.
Diese "große" <div> wird zentriert angezeigt und die anderen <div> sollen sich an diesem orientieren, spirch innerhalb angezeigt werden. Das geht auch soweit(mit inet explorer und mozilla) nur es gibt ein problem beim internet explorer , wenn ich 2 <div> nebeinander anzeigen lassen will, werden beide am linken browser fensterrand angezeigt.
hier ist der code:
Delphi-Quellcode:
<
html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/
html; charset=iso-8859-1">
<style type="text/css">
body
{
background-color:#6B86A6;
font-size:12px;
color:#dddddd;
}
a:link
{ text-decoration:none;
font-family:"Verdana","Arial","Helvetica","sans-serif";
color:#000000; }
a:visited
{ text-decoration:none;
font-family:"Verdana","Arial","Helvetica","sans-serif";
color:#000000; }
a:active
{ text-decoration:none;
font-family:"Verdana","Arial","Helvetica","sans-serif";
color:#000000; }
a:hover
{ text-decoration:underline;
font-family:"Verdana","Arial","Helvetica","sans-serif";
color:#af0000; }
#seite
{
text-align:center;
}
#kopf
{
border:solid;
border-width:1px;
width:900px;
height:150px;
min-height:150px;
max-height:150px;
}
#hauptmenue
{
border:solid;
border-width:1px;
border-colort:#000000;
width:900px;
height:20px;
min-height:20px;
max-height:20px;
vertical-align:middle;
text-align:center;
background-color:#DAE2A9;
}
#datei
{
border:solid;
border-width:1px;
border-top-style:none;
float:left;
height:500px;
min-height:500px;
max-height:500px;
width:200px;
margin:0 auto;
text-align:left;
}
#verlauf
{
border:solid;
border-top-style:none;
border-width:1px;
border-left-style:none;
float:left;
height:20px;
min-height:20px;
max-height:20px;
vertical-align:middle;
text-align:center;
font:10px;
width:700px;
}
</style>
</head>
<body algin="center">
<
div id="seite">
<
div id="kopf">
</
div>
<
div id="hauptmenue">
<center>
[
url="index.php?site=home"]Home[/
url] |
[
url="index.php?site=dateien"]Dateien[/
url] |
[
url="index.php?site=login"]Login[/
url] |
[
url="index.php?site=impressum"]Impressum[/
url] |
</center>
</
div>
<
div id="datei" align="center">
<!!-- Ein Menü mit <
div> -->
</
div>
<
div id="verlauf" align="center">Test
</
div>
</
div>
</body>
</
html>
zusätzlich hab ich noch ne browserabfrage drin, beim internet explorer wird es so gemacht wie oben (Änderung bei:#seite)
bei Mozilla so:
Delphi-Quellcode:
#seite{
margin:0 auto;
width:902px;
}