zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden sich selbst vergrößernde Spacer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.12.2005, 21:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2005
Beiträge: 11
Runsky befindet sich auf einem aufstrebenden Ast
Standard sich selbst vergrößernde Spacer

Hallo
wie kann ich machen, dass ich über den 3 bildern ein textfeld hab, was das mittlere div vergrößert, sobald der text eine bestimmte größe überlappt?
<div style="background:url('oben.jpg');"></div>
<div style="background:url('spacer.jpg'); repeat-x;"></div>
<div style="background:url('unten.jpg');"></div>


danke schonmal.
mfg Runsky
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.12.2005, 21:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2005
Beiträge: 11
Runsky befindet sich auf einem aufstrebenden Ast
Standard

wenn das keiner weiß, könnt ihr mir ja vllt sagen, wie ich mithilfe der normalen(!) scrolleiste rechts ein bestimmtes Div scrolle...
möchte ungern in meinem contentfenster über overflow:auto; einen balken drin haben.

muss dazu doch nur alle anderen sachen "fixen" oder ? wenn ja, wie gehts im IE?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.12.2005, 21:34
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.218
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

du könntest ja alle anderen divs, bis auf das eine was du scollen willst, fixieren. ist es das was du suchst ?


ups, sry...hab den post nicht zuende gelesen

das da müsste dir weiterhelfen:
http://www.xhtmlforum.de/viewtopic.p...position+fixed
Mit Zitat antworten
  #4 (permalink)  
Alt 28.12.2005, 21:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2005
Beiträge: 11
Runsky befindet sich auf einem aufstrebenden Ast
Standard

ja das würde ja vermutlich gehen, aber wie mach ich das im IE:
ie kann ja kein fixed?
Mit Zitat antworten
  #5 (permalink)  
Alt 28.12.2005, 21:50
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.218
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

sag mir dann mal, ob du damit zurechtkommst....

ich werde jetzt auch versuchen dieses beispiel bei meiner website umzusetzen

mfg
meta
Mit Zitat antworten
  #6 (permalink)  
Alt 28.12.2005, 21:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2005
Beiträge: 11
Runsky befindet sich auf einem aufstrebenden Ast
Standard

wer hats zu erst?
top die wette gilt...
.. so machts wenigestens spaß
Mit Zitat antworten
  #7 (permalink)  
Alt 28.12.2005, 21:55
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.218
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

öh.....naja

ich bin jetzt n bisschen müde weil ich schon den ganzen tag seid 8 uhr daranhocke. so langsam wirds was aber der IE regt mich langsam wirklich auf

ich probiers mal, glaub aber nicht dass ich das so spät noch hinkriege
Mit Zitat antworten
  #8 (permalink)  
Alt 28.12.2005, 22:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2005
Beiträge: 11
Runsky befindet sich auf einem aufstrebenden Ast
Standard

mein pageaufbau


###########################
#### HEADER ####
###########################
#### LINK 1 ##################
#### LINK 2 ##################
#### LINK 3 ##################
###########CONTENT MIT BG #####
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
###____________________________###
############################

in diesem weißen feld soll nun text sein, nur IN dem feld. und das soll über die äußere scrollbar scrollbar sein ( höhö wortspiel )

habe es bis jetzt nur so gelöst bekommen, dass ich die box scrollen kann, in der der text steht, aber dann über die ganze page. d.h. der text bleibt nich drin...
Mit Zitat antworten
  #9 (permalink)  
Alt 28.12.2005, 22:34
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.218
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

zeig doch mal ein testcase
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.12.2005, 23:26
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.218
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

---> besser gesagt, das fixierte funktioniert, aber die layer werden nicht angezeigt wegen doctype

habe jetzt so alles zusammengeschnippelt, aber es ist ein richtiges codegewurschtel geworden. das muss ich morgen noch aussortieren.

ich glaube ich packe die conditional comments jetzt doch ins stylesheet oder mache das per starhack....



hier......das ist der code den man bräuchte dafür. es sind nur wenige relevante zeilen :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>position fixed</title>

<style type="text/css" media="screen">

* {
margin:0; 
padding:0; 
}

html, 
body {
height:100%; 
}

body {
background:#ffffff;
font-size:100,01%;
}

#box1 {
width:500px;  
background:#999;
}

#box2 {
position:fixed;
bottom:0;
width:500px;
background:#ccc;
}

</style>
<!--[if lt IE 7]><style type="text/css">
@media screen {
	html {
	overflow-y:hidden;
	}
	
	body {
	height:100%; 
	overflow:auto;
	}
	
	#box2 {
	position:absolute;
	bottom:0;
	}
}
</style><![endif]-->
</head>
<body>
<div id="box1">
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
das ist unnützes boxfüllmaterial
</div>

<div id="box2">box2</div>
</body></html>
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
Spacer, Trennlinie, hr Karlo CSS 9 02.06.2009 22:56
Spacer Problem Valnar CSS 3 04.06.2008 15:57
Spacer Grafik mit variabler größe kaipi CSS 1 12.10.2007 13:12
Alternative zu Spacer arkanis CSS 2 30.03.2005 22:36
spacer div statt spacer image imported_daniel CSS 3 23.02.2004 00:24


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:57 Uhr.