kostenloser Webspace werbefrei: lima-city

Trennstrich neben Menü CSS

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   davy

   

   davy hat kostenlosen Webspace.

   12:38, 18.10.2010

   Mit diesen Thread hoffe ich auf eine Lösung meines tag/problem">Problems, was ich schon seit Tagen habe.
   
   Es geht um mein neues Design auf http://www.davidlohmann.de/test/. Dort ist der lange hochkante Trennstrich so lang wie der Content. Der Trennstrich soll aber bis unten zum schwarzen Balken gehen, genau so wie hier neben dem Menü http://www.cmseinfach.de/
   
   Hoffentlich kann mir jemand helfen!
   
   Mfg

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   12:59, 18.10.2010

   Einen Trennstrich per CSS zu definieren, der zwischen zwei, veränderlichen Spalten immer die max. Höhe einnimmt, kaum sauber machbar.
   Daraum wird auch bei csseinfach zu einem kleinen Trick gegriffen. Beide Spalten liegen in einem umfassenden Container, der ein Hintergrundbild hat. Der Trennstrich ist Bestandteil dieses Bildes.
   
   FF
4. Autor dieses Themas

   davy

   

   davy hat kostenlosen Webspace.

   13:02, 18.10.2010

   fatfreddy schrieb:
   Einen Trennstrich per CSS zu definieren, der zwischen zwei, veränderlichen Spalten immer die max. Höhe einnimmt, kaum sauber machbar.
   Daraum wird auch bei csseinfach zu einem kleinen Trick gegriffen. Beide Spalten liegen in einem umfassenden Container, der ein Hintergrundbild hat. Der Trennstrich ist Bestandteil dieses Bildes.
   
   FF
   

   
   
   Ist der Trennstrich wirklich ein Bild? Der ist doch bei jeder Unterseite anders lang.

5. kaetzle7

   Moderator

   kaetzle7 hat kostenlosen Webspace.

   13:17, 18.10.2010

   davy schrieb:
   Ist der Trennstrich wirklich ein Bild? Der ist doch bei jeder Unterseite anders lang.

   Das wird mit dieser kleinen Grafik gemacht, die hier einfach nach unten wiederholt wird:
   
   

   #body {
   background:url("img/two-columns.gif") repeat-y scroll 0 0 #FFFFFF;
   clear:both;
   float:left;
   width:100%;

   
   
   
6. Autor dieses Themas

   davy

   

   davy hat kostenlosen Webspace.

   18:26, 18.10.2010

   kaetzle7 schrieb:
   

   davy schrieb:
   Ist der Trennstrich wirklich ein Bild? Der ist doch bei jeder Unterseite anders lang.

   Das wird mit dieser kleinen Grafik gemacht, die hier einfach nach unten wiederholt wird:
   
   

   #body {
   background:url("img/two-columns.gif") repeat-y scroll 0 0 #FFFFFF;
   clear:both;
   float:left;
   width:100%;

   
   
   
   

   
   
   Danke, jetzt geht alles

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?