Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Fr 01.04.2005 16:48
Titel [CSS] DIV-Container überlagern |
|
|
Hi Leuts.
Hab mal folgendes versucht. Ich habe 2 Div-Container nebeneinander gemacht und lasse sie überlagern. Funzt auch. Aber sobald ich Inhalt hinterlege stossen sich die Inhalte ab. Die Container überlagen sich zwar noch aber der rechte Inhalt fängt erst an der Aussenseite vom linken Container an.
Kann man das irgendwie so ändern, dass sich die Inhalte auch überlagern? Probiere schon den ganzen Tag rum und habe auch schon im Internet geforstet, aber nichts funzt.
Hier mal der Code:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="de">
<head>
<title>Willkommen</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
.box1{
padding:0px;
margin:0 0px 0 0px;
width:1000px;
height:89px;
float:right;
text-align:right;}
.box2{
padding-top:468px;
width:300px;
height:500px;
float:left;
z-index:2;
border: thin dashed #666666;
top: auto;
}
.box3{
padding-left:10px;
padding-top:100px;
padding-right:20px;
margin-left:200px;
margin-top:110px;
width:auto;
height:620px;
color: #333333;
z-index:1;
border: thin dashed #999999;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
}
-->
</style>
</head>
<body>
<div style="width:1000px;margin:30px auto;text-align:left;background-color:#ffffff;border:1px solid #cccccc;">
<div class="box1">
<p>Box1</p>
<p>Bevor Sie diesen Text lesen, sollten Sie unbedingt zwei Dinge tun. Erstens sollten Sie der Agentur noch einmal ausdrücklich versichern, dass Sie diese Anzeige für das Beste halten, was Sie je gesehen haben, und noch heute einen langfristigen Vertrag abschliessen möchten. Zweitens sollten Sie davon ausgehen, dass diese Anzeige über Nacht entstanden ist und deshalb noch stark verbessert werden kann. Am Layout wird noch ein bisschen gedreht, das Logo wird noch einen Tick grösser und der Text, der hier stehen soll, wird kein Tippfehler haben. </p>
</div>
<div class="box2">
<p>Box1</p>
<p>Zu meiner Entschuldigung kann ich nur sagen: Ich habe diesen Text nur als Blindtext für die Setzerei Appel in Hamburg geschrieben. Wenn ich gewusst hätte, dass Sie diese Zeilen lesen (man stelle sich das mal vor: Sie persönlich lesen das hier!), dann hätte ich mir natürlich mehr Mühe gegeben. Immerhin bin ich gelernter Texter und seit über 20 Jahren am Üben - da hätte ich wahrlich was Besseres schreiben können als diesen Stuss. Was sollen Sie jetzt von mir denken? Bisher haben Sie Konstantin Jacoby vielleicht für einen ganz ordentlichen Kreativen gehalten - und dann das hier! Ehrlich gesagt: Ich weiss auch nicht, wie mir das passieren konnte. Eine Worthülse nach der anderen! Buchstabe an Buchstabe - Inhalt aber gleich Null. Vermutlich geben Sie mir nie einen Auftrag, nachdem Sie das hier gelesen haben - da kann ich soviel Goldmedaillen haben, wie ich will. Dies ist der Beweis: Jacoby kann's einfach nicht, Schluss aus!</p>
</div>
<div class="box3">
<div class="bild">
<p>Box3</p>
<p>Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox. Er war mit Franklin, Rockwell und dem halbtaxgrauen Panther Weidemann in Memphis (Heartbreak Hotel) zugange. Sie warteten auf die fette Gill, um bei der Bank of Helvetica die Kapitälchen in Kapital umzuwandeln. Oxmox liess nicht locker. Ich fleh euch an, rettet meine Copy, gebt meinem Body nochn Durchschuss! Kein Problem, erbarmte sich Old Face Baskerville, streichelte seinen Hund, zog seine einspaltige Poppl, legte an und traf! Oxmox: Danke, ist jetzt mit Abstand besser. Derweil jumpte der Fox leise over the Buhl, die sich mal wieder immerdar wie jedes Jahr gesellte. Diesmal war Guaredisch ihr Erwählter, weil seine Laufweite einem vollgetankten Bodoni entsprach und seine ungezügelte Unterlänge ihre Serifen so serafisch streifte, dass sie trotz Techtelmechtelei die magere Futura, jene zuverlässige und gern eingesetzte Langstreckenläuferin, rechtsbündig überholen konnten. Leute, giftelte Tiffany, macht endlich maln Punkt. Und das Komma soll sich gefällixt an die richtige Stelle setzen. Und keine Trennungen. Und nicht zu viele Anschläge heut nacht! Die Goudy war vorbei. Aus einem üblen Geviert tauchte eine Horde Gemeiner auf, angeführt von e</p>
</div>
</div>
</div>
</body>
</html> |
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 01.04.2005 17:29
Titel
|
|
|
lass die divs mit position: absolute anzeigen, dann überlagern sie sich auch.
wenn du sie ohne positionierungsangabe stehen lässt, wird von relativer positionierung gegenüber dem vorgängerelement ausgegangen, sobald du angaben wie "top" o.ä benutzt.
Zitat: |
<style type="text/css">
<!--
.box1{
padding:0px;
margin:0 0px 0 0px;
width:1000px;
height:89px;
float:right;
text-align:right;
}
.box2{
padding-top:468px;
width:300px;
height:500px;
float:left;
z-index:2;
border: thin dashed #666666;
top: auto;
position: absolute;
}
.box3{
padding-left:10px;
padding-top:100px;
padding-right:20px;
margin-left:200px;
margin-top:110px;
width:auto;
height:620px;
color: #333333;
z-index:1;
position: absolute;
border: thin dashed #999999;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
}
-->
</style> |
€: angehübscht
Zuletzt bearbeitet von sahnemuh am Fr 01.04.2005 17:36, insgesamt 3-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Mo 04.04.2005 08:56
Titel
|
|
|
Thx. Es funzt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
DIV-Container soll anderen DIV-Container verdrängen
DIV Container bei Mouseover über DIV Container anzeigen
Variabler Div-Container bis zum mittigen Div-Container
CSS: Container im Container Vertikal zentrieren
DIV Blöcke überlagern sich
Mehrere Ebenen überlagern - wie?
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|