zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 Spalten per Grafik verlängern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.09.2010, 01:27
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.09.2010, 08:01
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.09.2010, 09:11
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 03.09.2010, 10:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von runner Beitrag anzeigen
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?
Die Grafik exisitiert nicht und #cont schließt die Floats nicht ein.
Mit Zitat antworten
  #5 (permalink)  
Alt 03.09.2010, 10:48
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Leg die BG Datei in den Wrapper. Dann sollte es gehen.
Merke grad, die Datei ist garnicht da...?

Gruß Manfred
Mit Zitat antworten
  #6 (permalink)  
Alt 03.09.2010, 11:10
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Grad per Firebug getestet: Grafik in #wrapper legen --> passt!

Gruß Manfred
Mit Zitat antworten
  #7 (permalink)  
Alt 03.09.2010, 11:33
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

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">&gt; 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>
Mit Zitat antworten
  #8 (permalink)  
Alt 03.09.2010, 11:37
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Gib Deinem #cont ein float:left mit, dann schliest es die Floats ein.
Mit Zitat antworten
  #9 (permalink)  
Alt 03.09.2010, 11:43
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

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!!!!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.09.2010, 11:49
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

HTML-Code:
#cont {
background:url("images/layout.gif") repeat-y scroll 0 0 #B4B49E;
float:left;
margin:10px 0;
width:100%;
}
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:07 Uhr.