|
|||
3 Spalten per Grafik verlängern
Guten Abend,
ich verzweifel langsam und zwar versuche ich auf meiner Webseite http://www.betatests.de.vu die 3 Content-Spalten mittels des Elternelements (cont) und der Grafik (repeat-x) bis an den Footer zu verlängern, jedoch wird das Elternelement gar nicht rangezogen was mache ich falsch? Ich hoffe ich konnte verständlich machen, was ich meine: Ich möchte später die background-color: xx; bei den 3 Contentspalten entfernen und diese Spalten durch ein background-image (div cont) mit repeat anzeigen lassen. Dadurch das der cont als Elternelement ja mitwachen sollte, sollten die 3 Spalten durch das Background-image ja dann bis an den Boden gehen! Was mache ich falsch? Danke und Grüße |
Sponsored Links |
|
||||
Moin,
gleichlange Spalten ist normal ein Fall für Faux Columns. height:100% für #rightcol und #leftcol können nicht wirken, da alle Vorfahren bis inkl. html dann auch height:100% benötigen.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Sponsored Links |
|
|||
Hallo hupse,
vielen Dank! Ich habe nun die 100% height entfernt. Und das mit den FAUX-Columns habe ich ja eigentlich schon gemacht, mit dem Elternelement von leftcol, rightcol und content, nämlich dem div "cont", leider sehe ich aber kein Ergebnis? Dankeschön und Grüße |
|
|||
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Vielen Dank!
Den Pfad habe ich berichtigt! Mit dem Wrapper funktioniert es auch! Ich würde es nur gerne in dem cont machen. Was ist den noch falsch, dass er die 3 Spalten nicht umschliesst? Ich finde einfach nicht welcher div zuviel ist bzwl nicht passt. Im IE 7 wird es aber auch so schon richtig angezeigt! Im FF nicht! Hier mal mein HTML-Template: HTML-Code:
<div id="pagewidth" > <div id="header"> <div id="logo"> <!--###logo###--> hier logo <!--###logo###--> </div> <div id="banner"> <!--###banner###--> hier banner <!--###banner###--> </div> </div> <div id="wrapper" class="clearfix" > <div id="navi-top"> <!--###navi-top###--> hier navi-top <!--###navi-top###--> </div> <div id="cont" > <div id="rightcol"> <div class="csc-textpic csc-textpic-right csc-textpic-above"><div class="csc-textpic-imagewrap csc-textpic-single-image"><img src="fileadmin/templates/images/pic.jpg" width="120" border="0" height="161"></div><div class="csc-textpic-text"> <!-- Text: [begin] --> <p class="bodytext">Tel. 0123 0123 </p> <p class="bodytext"><a href="javascript:linkTo_UnCryptMailto('ocknvq,kphqByqjpgp/ko/fgrqv0fg');">info(at)domain.de</a> </p> <p class="bodytext">> zum Kontaktformular</p> <!-- Text: [end] --> </div> </div> </div> <div id="content"> <!--###content###--> hier content <!--###content###--> </div> <div id="leftcol"> <div id="navi-bottom"> <!--###navi-bottom###--> hier navi-bottom <!--###navi-bottom###--> </div> <div id="capture"> <!--###capture###--> hier capture <!--###capture###--> </div> </div> </div> <div id="footer"> <!--###footer###--> hier footer <!--###footer###--> </div> </div> |
|
|||
Super!
Das war es - jetzt habe ich nur noch eine Anforderung bei diesem Layout und zwar soll unten und oben (div cont) 10 px frei sein, d.h. unten und oben soll statt der grafik repeat-y eine hintergrundfarbe (#b4b49e) angezeigt werden. Kann ich dies innerhalb des cont-divs machen, oder muss ich unten und oben einen div anfügen? Dankeschön!!!! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Div per margin-right 0px verlängern funktioniert nicht | LinKeex | CSS | 2 | 06.01.2011 16:14 |
MySpace: Wie kann ich per CSS-Code die Position einer Grafik bestimmen? | JAYmo | CSS | 0 | 21.04.2009 16:20 |
Verzweiflung mit drei Spalten per float | Mondschatten | CSS | 10 | 22.04.2007 13:42 |
Grafik per z-index positionieren geht nicht - denkfehler? | css_tester | CSS | 11 | 20.03.2007 02:54 |
link per mausklick auf grafik setzen | mooonshadow | Javascript & Ajax | 1 | 01.11.2006 17:25 |