nicht angemeldet
Hallo, habs jetzt so hin bekommen wie ich es haben will, würde aber gerne noch das <div id="globalesdiv" align="center">
align="center" im CSS zu definieren aber ich will es nicht so kompliziert machen, bzw.margin-left: auto; margin-right: auto;
hat keine Wirkung, habs beim body eingestellt und bei globalediv hab ichs auch probiert aber hat sich nix getan.
<!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>
<title> InteraktivesBuchv1 </title>
<!-- Schriftsatz festlegen -->
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<!-- CSS Import -->
<link href="buchstyle.css" type="text/css" rel="stylesheet" />
<!-- Javascript
<script type="text/java"> </script> -->
</head>
<body>
<div id="globalesdiv" align="center">
<!-- Seitenbegrenzung -->
<div id="seitenbegrenzung">
<!-- Rechte Seite -->
<div id="rechteseite">
<!-- -->
<h2> Seite 2 </h2>
<p> Rechte Seite </p>
<a href="seite2.htm"> 3 </a>
</div>
<!-- Linke Seite -->
<div id="linkeseite">
<!-- -->
<h2> Seite 1 </h2>
<p> Linke Seite </p>
</div>
</div>
</div>
</body>
</html>
body {
/* Hintergrund */
background-color: #000;
background-repeat: repeat -y;
/* Sonstiges */
font-family: Arial, sans-serif;
/* Alle Kästen an den Rand */
}
#globalesdiv{
padding-top:100px;
}
#seitenbegrenzung{
height: 600px;
width: 800px;
background: red;
}
#linkeseite{
/* Abstände */
float:left;
/* Größe */
height: 600px;
width: 400px;
/* Sonstiges */
background: white;
/* margin-right: 200px; */
}
h1 {
display: none;
}
#rechteseite{
/* Umrandungseinstellungen */
/* Abstände */
/* Größe */
height: 600px;
width: 400px;
float:right;
/* Sonstiges */
background: white;
}
das ganze sieht zwar im Quelltext ziemlich Wild, aber das Ergebnis lässt sich sehen.
Vielleicht habt ihr ja noch eine Idee wie ich das align="center" ersetzen kann.
Matthias Apsel