Re: Hintergrund dreigeteilt
Verfasst: 04.03.2010 19:28
ich danke dir schonmal im vorraus, kanns zur zeit nicht ausprobieren, kind ist krank. versuchs aber so schnell wie möglich, versprochen!
phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/
hmm so auf dem ersten Blick finde ich die Idee mit den div-Containern besser.. hat ja auch soweit funktioniert bis auf den Rand untenTalk19zehn hat geschrieben:....
WEEDman hat geschrieben:hmm so auf dem ersten Blick finde ich die Idee mit den div-Containern besser.. hat ja auch soweit funktioniert bis auf den Rand untenTalk19zehn hat geschrieben:....
vorallem da ja dann eine variable Breitenangabe funktioniert
(hab deine Lösung aber noch nicht getestet)
Edit: hab gerade deinen anderen Thread gelesen und im Prinzip hast du ja bloß meinen Vorschlag abgeändert
Code: Alles auswählen
<div>
<a id="bottom" name="bottom" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->
<div id="rechtsbox"></div><!--Ende #rechtsboxw-->
<div style="clear: left;"></div>
</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->
</body>
</html>
vgl. bitte ggf. viewtopic.php?f=89&t=203495
Code: Alles auswählen
<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
<div style="margin-left: 1px; margin-top: 1px;">
</div>
</div><!--Ende #linksboxw-->
<div id="contentw">
Code: Alles auswählen
<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
... oder / und Inhalt...
<div style="margin-left: 1px; margin-top: 1px;">
<img src="http://TESTbild.gif" alt="..." border="0" width="70" height="400">
</div>
Lorem ....hier kommt TEXT... oder/und
...</div><!--Ende #linksboxw-->
<div id="contentw">
wrestling4you hat geschrieben:hi danke für diesen Code um den Hintergrund dreigeteilt darzustellen, ich habe soweit alles hin bekommen nur habe ich das Problem das ich das Bild im Rechten Container nicht angezeigt bekomme ich füge diesen Code in meine Overall_footer.html ein:
vor diesem Code steht nur noch ein Code vom Mod: Advertisement ManagementCode: Alles auswählen
<div> <a id="bottom" name="bottom" accesskey="z"></a> <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF --> </div> </div><!--Ende #forumwrap--> </div><!--Ende #contentw--> <div id="rechtsbox"></div><!--Ende #rechtsboxw--> <div style="clear: left;"></div> </div><!--Ende #wrapper3rechts--> </div><!--Ende #wrapper2mitte--> </div><!--Ende #wrapper1links--> </body> </html>
das verrückte ist je nachdem wo ich den Code einfüge kann es passieren das das Bild für den Rechten Container überall, nur in der Forenübersicht oder überall nur nicht in der Forenübersicht angezeigt wird und das Rechte ist plötzlich auch zusehen.
Nach 3 Stunden des vergeblichen Probieren bin ich über jeden Lösungsvorschlag dankbar.
PS: Caches würden natürlich geleert und das Bild existiert auch in dem angegebenen Verzeichnis
Code: Alles auswählen
</head>
<div id="wrapper1links">
<div id="wrapper2mitte">
<div id="wrapper3rechts">
<div id="linksboxw">
TNA Superstars<div style="margin-left: 1px; margin-top: 1px;">
<img src="http://wrestlingsky.cwsurf.de/images/rechts.png" alt="..." border="0" width="70" height="400">
</div>
TNA Superstars</div><!--Ende #linksboxw-->
<div id="contentw">
Code: Alles auswählen
<div>
<a id="bottom" name="bottom" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</div><!--Ende #forumwrap-->
</div><!--Ende #contentw-->
<div id="rechtsbox">Superstars</div><!--Ende #rechtsboxw-->
<div style="clear: left;"></div>
</div><!--Ende #wrapper3rechts-->
</div><!--Ende #wrapper2mitte-->
</div><!--Ende #wrapper1links-->
</body>
</html>
Code: Alles auswählen
#wrapper2mitte
{
background-image: url(http://wrestlingsky.cwsurf.de/images/mitte.jpg);
background-position: 10% 0;
background-repeat: repeat-y;
}
#wrapper1links
{
background-image: url(http://wrestlingsky.cwsurf.de/images/links.png);
background-position: 0 0;
background-repeat: repeat-y;
}
#wrapper3rechts
{
background-image: url(http://wrestlingsky.cwsurf.de/images/rechts.png);
background-position: 100% 0;
background-repeat: repeat-y;
}
#linksboxw
{
float: left;
width: 7%;
padding: 1%;
}
#contentw
{
float: left;
width: 80%;
padding: 1%;
}
#rechtsboxw
{
float: center;
width: 7%;
padding: 1%;
}