das klappt aber auch nur solange man in dieses div nicht auch wieder 3 divs packen will.
hier die baustelle meiner seite:
http://www.de-signed.com/test/sport/sdfjsfjsdfsfsf.html
das menü unten soll halt zentriert sein. vielleicht mach ich auch nen totalen denkfehler und muss ganz anders an die sache rangehen...
Du benutzt anscheinend
position: absolute;. Logisch dass die Zentrierung nicht klappt, da du dadurch das DIV von den umliegenden Elementen unabhängig machst.
<html>
<head>
<style type="text/css">
body {
margin-top: 0px;
}
#inhalt {
position:relative;
top:0;
width:946px;
height:auto;
z-index:2;
text-align:center;
margin:0 auto;
background:#CCCCCC;
margin:auto;
}
#menu {
position:relative;
width:auto;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body>
<div id="inhalt">
HIER STEHT DER INHALT DER SEITE
</div>
<div align="center" id="menu">
<img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0">
<a href="http://www.apfeltalk.de/" target="_blank"><img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0"></a>
<a href="http://www.apfeltalk.de/" target="_blank"><img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0"></a>
<a href="http://www.apfeltalk.de/" target="_blank"><img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0"></a>
<img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0">
</div>
</body>
</html>
<div id="links"></div>
<div id="mitte"></div>
<div id="rechts"></div>
#links
width: 145px;
#rechts
width: 145px;
#mitte
margin: 0 145px;
100% Layouts sind auf diese Weise eh fürs Klo ... Niemand ließt so lange Zeilen, die Monitore werden immer größer - bei 1920 in der h-Achse, rechne dir mal aus, da hab ich 5 Absätze und es ließt sich doppelt so schnell, wie ein Satz bei dir.
100% Layouts sind auf diese Weise eh fürs Klo ... Niemand ließt so lange Zeilen, die Monitore werden immer größer - bei 1920 in der h-Achse, rechne dir mal aus, da hab ich 5 Absätze und es ließt sich doppelt so schnell, wie ein Satz bei dir.
na da sollen die runden ecken rein.
<div id="pagemenu" class="box">
<div class="boxarea">
<div class="header">
<img class="EckeLO" style="display: none" alt="" src="./images/eckeLOW.png">
<img class="EckeRO" style="display: none" alt="" src="./images/eckeROW.png">
<p>Titelzeile</p>
</div>
*** Inhalt (Menüpunkte) ***
<div class="footer">
<img class="EckeLU" style="display: none" alt="" src="./images/eckeLUW.png">
<img class="EckeRU" style="display: none" alt="" src="./images/eckeRUW.png">
</div>
</div>
.box {
margin:25px 0 0 0;
padding:0;
position:relative;
overflow:visible;
}
#pagemenu {
float:left;
position:fixed;
left:1em;
width:12%;
min-width:100px;
top:55px;
font-size:0.8em;
font-family:Arial,Helvetica,sans-serif;
color:#fff;
padding:0px;
margin:0px;
z-index:2
}
#pagemenu .boxarea {background-color: #334;}
.box p {
margin: 0px 10px;
}
.box .footer {
position:relative;
bottom:0;
padding-top:10px;
}
.box .EckeLO {
position:absolute;
left:0px; top:0px; padding:0px;
display: block !important;
}
.box .EckeRO {
position:absolute;
right:0px; top:0px; padding:0px;
display: block !important;
}
.box .EckeLU {
position:absolute;
left:0px; padding:0px; bottom:0px;
display: block !important;
}
.box .EckeRU {
position:absolute;
right:0px; padding:0px; bottom:0px;
display: block !important;
}
Ich „leße“ auch keine so langen Zeilen. Vor allem liest sich „ließt“ wirklich nicht gut
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<style>
#mitte { width: 100%; height: 600px; margin: 0; background: red; }
#rechts { float: right; width: 145px; height: 600px; background: green; }
#links { float: left; width: 145px; height: 600px; background: green; } </style>
</head>
<body>
<html>
<!-- Links -->
<div id="links">
<h1>Irgendwas</h1>
<p>Deine Module, Navigation oder sonstwas</p></div>
<!-- Rechts -->
<div id="rechts">
<h1>Irgendwas</h1>
<p>Deine Module, Navigation oder sonstwas</p></div>
<!-- Inhalt -->
<div id="mitte">
<h1>Deine Überschrift</h1>
<p>Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine. Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken. Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne Strahlen sich in das innere Heiligtum stehlen, ich dann im hohen Grase am fallenden Bache liege, und näher an der Erde tausend mannigfaltige Gräschen mir merkwürdig werden; wenn ich das Wimmeln der kleinen Welt zwischen Halmen, die unzähligen, unergründlichen Gestalten der Würmchen, der Mückchen näher an meinem Herzen fühle, und fühle die Gegenwart des Allmächtigen, der uns nach seinem Bilde schuf, das Wehen des Alliebenden, der uns in ewiger Wonne schwebend trägt und erhält; mein Freund! Wenn's dann um meine Augen dämmert, und die Welt um mich her und der Himmel ganz in meiner Seele ruhn wie die Gestalt einer</p>
<p>Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine. Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken. Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne Strahlen sich in das innere Heiligtum stehlen, ich dann im hohen Grase am fallenden Bache liege, und näher an der Erde tausend mannigfaltige Gräschen mir merkwürdig werden; wenn ich das Wimmeln der kleinen Welt zwischen Halmen, die unzähligen, unergründlichen Gestalten der Würmchen, der Mückchen näher an meinem Herzen fühle, und fühle die Gegenwart des Allmächtigen, der uns nach seinem Bilde schuf, das Wehen des Alliebenden, der uns in ewiger Wonne schwebend trägt und erhält; mein Freund! Wenn's dann um meine Augen dämmert, und die Welt um mich her und der Himmel ganz in meiner Seele ruhn wie die Gestalt einer</p></div>
</html></body>
Jap, hast nicht verstanden, gell ...wie bitte??? :-D
Jap, hast nicht verstanden, gell ...
<html>
<head>
<style type="text/css">
body {
margin-top: 0px;
}
#inhalt {
position:relative;
top:0;
width:946px;
height:auto;
z-index:2;
text-align:center;
margin:0 auto;
background:#CCCCCC;
margin:auto;
}
#menu {
position:relative;
width:946px;
text-align:center;
margin:auto;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body>
<div id="inhalt">
HIER STEHT DER INHALT DER SEITE
</div>
<div id="menu">
<img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0">
<a href="http://www.apfeltalk.de/" target="_blank"><img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0"></a>
<a href="http://www.apfeltalk.de/" target="_blank"><img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0"></a>
<a href="http://www.apfeltalk.de/" target="_blank"><img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0"></a>
<img src="http://www.apfeltalk.de/forum/image.php?u=73836&dateline=1235131533.jpg" width="50" height="50" border="0">
</div>
</body>
</html>
Hast du dir meine Lösung eigentlich mal angeschaut? Die sollte doch deine Probleme lösen?
Ich versteh zwar deine Zeichnung, allerdings glaube ich das du die Beispiele nicht verstehst. Du kannst um meinen Code einen wrapper packen, diesen auf: margin: 0 auto; setzten, damit werden die 3 Container zentriert.
Das sind alles Snippets, niemand wird dir dein Grundkonstrukt fertig vorlegen. Aber nun gut ...
Wenn du den unschönen Weg gehen willst: Nimm eine Tabelle. :-x
Wir verwenden essentielle Cookies, damit diese Website funktioniert, und optionale Cookies, um den Komfort bei der Nutzung zu verbessern.
Für die Ihnen angezeigten Verarbeitungszwecke können Cookies, Geräte-Kennungen oder andere Informationen auf Ihrem Gerät gespeichert oder abgerufen werden.
Anzeigen und Inhalte können basierend auf einem Profil personalisiert werden. Es können mehr Daten hinzugefügt werden, um Anzeigen und Inhalte besser zu personalisieren. Die Performance von Anzeigen und Inhalten kann gemessen werden. Erkenntnisse über Zielgruppen, die die Anzeigen und Inhalte betrachtet haben, können abgeleitet werden. Daten können verwendet werden, um Benutzerfreundlichkeit, Systeme und Software aufzubauen oder zu verbessern.
Durch das Klicken des Buttons "Zustimmen" willigen Sie gem. Art. 49 Abs. 1 DSGVO ein, dass auch Anbieter in den USA Ihre Daten verarbeiten. In diesem Fall ist es möglich, dass die übermittelten Daten durch lokale Behörden verarbeitet werden.