Aus div container ausbrechen
icke
- css
Hi,
ich habe ein großes Problem:
ich will aus einem div container ausbrechen.
Ich zeige euch mal meinen Fall:
<div id="centerDiv">
<a id="c490"></a><div class="left">
<div class="bltop">
<p>|News 1 bis 9 von 10</p><ul><li><div class="blactive"> 1 </div></li>
<li><a href="presse_news/bilder/?tx_ttnews%5Bpointer%5D=1&cHash=35e215fedc" >2</a></li>
<li><a href="presse_news/bilder/?tx_ttnews%5Bpointer%5D=1&cHash=35e215fedc" >></a></li></ul>
</div>
<script>
und dann kommen viele Elemente und natürlich endet dann div id centerDiv irgendwo.
#centerDiv {margin: 0 auto; text-align: left; width: 1015px; border: 0px solid green; padding: 30px 0 0px 0;position:relative;}
.bltop {margin:10px auto;display:table;padding:2px;white-space:nowrap;margin-top:-20px;}
.bltop p {font-size:0px;visibility:hidden;}
.bltop ul {list-style:none;margin:0;padding:0;display:table-row;}
.bltop ul li {display:table-cell;float:left;}
.bltop ul a {display:block;padding:4px 10px;text-decoration:none;border-bottom:1px solid black;}
.bltop li {margin:-1px auto;}
.bltop .blactive {display:block;padding:4px 10px;text-decoration:none;border-left:1px solid black;border-top:1px solid black;border-right:1px solid black;}
Das ganze sieht dann etwas so aus(schematisch):
-------------------------------
| MENU USW....................|
-------------------------------
| |centerdivbereich | |
| | ______ | |
| | |bltop| | |
| | ------- | |
| | weitere Elemente| |
| | | |
mein Ziel ist nun folgendes: Ich muss es schaffen, dass bltop
aus dem centerdiv bereich ausbricht (ich kann schlecht bltop über centerdiv platzieren - Ich benutze typo3 und der inhalt von bltop is ein Teil von tt_news und ich weis nicht, wenn es möglich ist, wie man das Element von tt_news ###BROWSE_LINKS### zB via typo3script zu irgendnem subpart eines importieren html templates hinzufügt -.-).
Es muss doch auch via css gehen, dass es dann in etwa so aussieht:
-------------------------------
| MENU USW....................|
-------------------------------
| |centerdivbereich | |
|____:_________________:______|
|| : bltop| : ||
||---:-----------------:-----||
| | weitere Elemente| |
| | | |
Ich habe schon viel probiert aber ich kriege es einfach nicht hin. Ich bin echt verzweifelt, wenn mir jemand helfen kann, dann seid ihr es!
mfg,
icke
@@icke:
nuqneH
Ich habe schon viel probiert
Breitenangabe oder negative Werte für 'margin' auch?
Qapla'
ja, ich habe auch margin-left:-100px;
zB probiert, geht aber nicht :(
@@icke:
nuqneH
Ich habe schon viel probiert
Breitenangabe oder negative Werte für 'margin' auch?
Qapla'
@@icke:
nuqneH
ja, ich habe auch margin-left:-100px;
zB probiert, geht aber nicht :(
Als ich es probiert hatte, ging es.
Was hast du probiert? Online-Beispiel?
Qapla'
PS: Bitte kein TOFU!