|
|||
Unterschiedlicher Hintergrund
Hallo Community!
Ich arbeite gerade an einer Seite, wo der Inhalt zentriert dargestellt werden soll. Das war auch kein Problem. Ich habe das ungefähr so gelöst: Code:
<html> <head> <title>Test</title> <style type="text/css"> #container { width: 100%; border: 1px solid red; height: 400px; } #content { margin: 0px auto; width: 600px; border: 1px solid blue; height: 100%; } </style> </head> <body> <div id="container"> <div id="content">Content</div> </div> </body> </html> Wahrscheinlich wäre es am einfachsten, wenn ich dafür Tabellen verwenden würde. Doch wenn es eine Möglichkeit gibt, dass es auch mit div-Tags funktioniert, dann würde ich diese Lösung auf jeden Fall bevorzugen. Ich hoffe, jemand kann mir helfen. Mit freundlichen Grüßen Mikkel |
Sponsored Links |
|
||||
Ich weiss nicht, ob das in deinem konkreten Fall so umsetzbar ist, aber eventuell geht es ja so:
Pack die beiden Hintergrundbilder, die jeweils rechts und links angezeigt werden sollen, in eine Bilddatei, die entsprechend zugeschnitten ist. Diese Bilddatei kannst Du dann deinem Body (oder container-div) als Hintergrundbild zuweisen, dabei "background-position: center" festlegen. Da dein content-div eine feste Breite und eine bekannte Position (naemlich horizontal zentriert) hat, sollte das ganze kein Problem sein. Ich hoffe, diese Methode ist eine moegliche Loesung fuer dein Problem. Denn so braeuchtest Du weder Tabellen noch zusaetzliche divs. EDIT: http://domsson.do.funpic.de/mikkel/ - laeuft, oder?
__________________
Wenn Du mich fragst, was mir beim Erlenen von Webentwicklung am meisten Probleme bereitet, dann antworte ich: IE. Geändert von domsson (21.12.2008 um 15:52 Uhr) |
Sponsored Links |
|
|||
Hallo!
Erstmal danke für deine schnelle Antwort. Die Idee gefällt mir sehr gut, werde ich auch gleich einmal ausprobieren. Nur was passiert, wenn ein User eine sehr hohe Auflösung hat? Dann muss man ja ein extrem großes Hintergrundbild festlegen, damit es noch funktioniert, oder? Nochmals danke für die Hilfe. Mit freundlichen Grüßen Mikkel |
|
|||
Sollte links und recht die selbe Farbe sein, aber in der Mitte nicht:
Code:
#container { width: 100%; border: 1px solid red; height: 400px; background-color: red; } #content { margin: 0px auto; width: 600px; border: 1px solid blue; height: 100%; background-color: green; } Tabellen wegen sowas zu verwenden ist absolut der falsche Weg. |
|
|||
Danke für eure Tipps. Die Idee mit dem Hintergrundbild und dem Rahmen gefällt mir sehr gut. Genau so werde ich es machen. Ist ja eigentlich eine ganz einfache Art, um das umzusetzen. Doch selber wäre ich nicht darauf gekommen.
Bin echt froh, dass ich ohne Tabellen mein Projekt realisieren kann. @domsson: Vielen Dank, für dein Beispiel, hat mir sehr geholfen. Hab es mir auch kopiert, also kannst du es wieder offline nehmen. Danke - Mit freundlichen Grüßen Mikkel |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Frage: Wie Text vor Hintergrund in einem Fenster scrollen? | wbiebel | CSS | 2 | 19.08.2009 19:49 |
Hintergrund | Yada` | CSS | 10 | 21.09.2008 18:03 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Hintergrund | SPMan | CSS | 0 | 16.05.2007 09:58 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 15:14 |