zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Position: fixed innerhalb einer div

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.11.2012, 23:30
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2011
Beiträge: 51
Marco_997 befindet sich auf einem aufstrebenden Ast
Beitrag Position: fixed innerhalb einer div

Hallo,
ich habe ein Bild das mit position fixed deklariert ist.
Dieses Bild ist von einer div umgeben.
Wenn ich jetzt runterscrolle, geht das Bild über die div.
wie kann ich das machen das es in der div bleibt?

mfg marco
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.11.2012, 09:09
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

Soweit ich orientiert sich das mit pos. Fixed gestaltete Element bei Positionsangaben immer an html und nicht an einem anderen Element.

Aber so ohne Link zum Problem kann ich leider nur rumraten.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.11.2012, 18:44
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2011
Beiträge: 51
Marco_997 befindet sich auf einem aufstrebenden Ast
Standard

Danke für die schnelle antwort!

HTML-Code:
<div id="computer_content_left">

<img src="images/user_computer_overview.png" id="img_shop" alt="Computerperipherie" usemap="#computer_overview" width="400" border="0" height="400">

</div>
Code:
#computer_content_left {
	width: 420px;
	height: 420px;
	background-color: #666;
	float: left;
}
#img_shop { 
	display: block; 
	margin: 10px auto 10px auto; 
	position:fixed;
}
so sehen die beiden styles aus
jetzt soll img_shop nicht über computer_content_left rüber ragen.

gibt es dafür einen code oder muss ich das mit jquery machen?
Mit Zitat antworten
  #4 (permalink)  
Alt 24.11.2012, 19:35
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

'position: fixed' weglassen
Mit Zitat antworten
  #5 (permalink)  
Alt 24.11.2012, 19:39
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

Zitat:
Zitat von Marco_997 Beitrag anzeigen
gibt es dafür einen code oder muss ich das mit jquery machen?
Zitat:
Zitat von hubspe Beitrag anzeigen
Aber so ohne Link zum Problem kann ich leider nur rumraten.
*seufz*
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 24.11.2012, 22:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2011
Beiträge: 51
Marco_997 befindet sich auf einem aufstrebenden Ast
Standard

ok vielen dank ich habe das mit jquery gemacht.

Habe trotzdem noch eine andere frage bastle mir so ne kleine lightbox hier mal der code:

Code:
function lightbox_shop_event(contentdiv) {
	var content = $(contentdiv);
	
	content.addClass('lightbox_shop_content').fadeIn('fast');
	content.addClass('lightbox_shop_background').fadeIn('fast');


}
Code:
.lightbox_shop_background {
	top: 0;
	left: 0;
	background: '../lightbox_shop_backgroud.png';
	position:absolute;
	display: none;
}

.lightbox_shop_contnent {
	width: 200px;
	height: 400px;
	border-radius: 5px;
	padding: 10px;
	position:absolute;
	display: none;
}
Code:
<div class="description_<?php echo $args['name']; ?>">Test</div>
<a href="javascript:lightbox_shop_event('description_<?php echo $arg; ?>')" >
wenn ich auf den link klicke passiert allerdings nichts obwohl eigentlich die beiden divs eingeblendet werden müssten.
woran kann das liegen?
Mit Zitat antworten
  #7 (permalink)  
Alt 24.11.2012, 22:41
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

Zitat:
wenn ich auf den link klicke passiert allerdings nichts obwohl eigentlich die beiden divs eingeblendet werden müssten.
woran kann das liegen?
bei mir passiert auch nichts, wenn ich auf den nicht vorhandenen Link klicke..
vielleicht hilft dir das hier weiter??

scnr
Mit Zitat antworten
  #8 (permalink)  
Alt 24.11.2012, 22:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2011
Beiträge: 51
Marco_997 befindet sich auf einem aufstrebenden Ast
Standard

oh hatte vergessen den rest davon zu kopieren

Code:
<a href="javascript:lightbox_shop_event('description_<?php echo $arg; ?>')" >
        		<?php if($arg == "processor") echo "Prozessor"; 
        		  else if($arg == "mainboard") echo "Mainboard"; 
                  else if($arg == "ram") echo "Arbeitspeicher"; 
                  else if($arg == "graphics") echo "Grafikkarte"; 
                  else if($arg == "storage") echo "Festplatte";
                  else if($arg == "voltage") echo "Netzteil";
                  else if($arg == "fan") echo "L&uuml;fter"; ?></a>
danke im voraus

PS: Bei mir kam beim Orakel "Niemand ist perfekt!"
Mit Zitat antworten
  #9 (permalink)  
Alt 24.11.2012, 23:21
Benutzer
neuer user
 
Registriert seit: 21.07.2010
Beiträge: 33
franc78 befindet sich auf einem aufstrebenden Ast
Standard

Also ich hab immer noch nicht verstanden was Marco mit position:fixed; eigentlich erreichen will / wollte.

Soll das Bild mit der Seite Scrollen, aber nur bis zum Ende des <div>´s?
Wenn dem so ist, welchen Sinn hätte das ? Ich kann mir im Moment keinen praktischen Nutzen vorstellen (außer eine mutwillige Verwirrung der Besucher).
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 24.11.2012, 23:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2011
Beiträge: 51
Marco_997 befindet sich auf einem aufstrebenden Ast
Standard

@franc78

es soll ein menu in der div sein in dem fall als bild dargestellt.
und wenn man weiter runter geht soll es nicht über die div gehen sonder stoppen
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 übernimmt styles nicht Urpfel CSS 2 21.03.2012 16:17
CSS - CMS - lange Menus Balken/BG oben? shinobi CSS 3 13.10.2011 22:12
Div-Anordnung unterschiedlich - Warum? AndMei CSS 2 15.12.2010 22:22
Myspace problem... Rechte Säule verschiebt sich im IE. calledmarcel CSS 1 27.02.2009 10:12
cursor in textarea nicht sichtbar bei position: fixed; ?! beeviz CSS 6 19.11.2005 18:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:23 Uhr.