• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Element bis zur definierten pixel länge verschiebbar

djmj

New member
webxg3.jpg


Ich habe in der Mitte ein statisches Element.

Rechts ist via CSS mit right:10px ein bild angefügt.

Dieses soll sich je nach Browsergrösse auch verschieben.

Doch soll es nur bis zu der Grenze X gehen, falls man das Browserfenster zu klein verschiebt, damit es nicht unter oder über dem Statischem Bild stehen bleibt.

weiss jemand rat ?
 
Weiß nicht ganz genau, ob ich es richtig verstanden habe. Ich hab's jetzt mal so gelöst:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Bild rechts</title>
<style type="text/css">
html,body{
margin:0;
padding:0;
}
body{
padding:20px;
}
#bereichfix{
width:500px;
margin-right:10px;
border:1px solid #000;
height:200px;
position:absolute;
}
#bereichrechts{
margin-left:510px;
padding-left:10px;
border:1px solid #000;
overflow:hidden;
background-color:#ccc;
border:1px solid #000;
position:relative;
left:auto;
right:auto;
text-align:center;
}
</style>
</head>
<body>
<div id="bereichfix"></div>
<div id="bereichrechts"><img src="blub.jpg" alt=""></div>
</body>
</html>

Hintergrundfarbe und Rahmen sind zur Illustration.
 
Du schreibst, mein Element vergrößert sich. Ich dachte, dass das Dein Plan ist. Wenn Du den Bereich rechts fix haben willst, dann nimm einfach rechts
PHP:
position:relative;
left:auto;
right:auto;
raus und ergänze
PHP:
float:left;
eventuell in Verbindung mit einer festen Breite
PHP:
width:xxxpx;
 
hab es so gelöst indem ich das div element in ein weiteres div element eingefügt habe,
das obere divelement verschiebt sich nicht, doch dass interne verschiebt sich genau bis zu der grenze
 
Da ich nun in der Mitte einen sich in der breite veränderbaren div container habe, überschreitet der rechte container doch noch den mittleren.

Hoffe doppelpost war nach einem tag erlaubt.

Code:
#Right_Container {
   position:absolute;
   top:50px;
   right:0px;
   bottom:130px;
   width:138px;
   min-height:640px;
   overflow:hidden;
   z-index:1; }
   
   #Left_Container {
   position:absolute;
   top:50px;
   left:0px;
   bottom:130px;
   width:160px;
   min-height:640px;
   overflow:hidden;
   z-index:1; }
 
   #Center_Container {
   position:absolute;
   top:50px;
   left:160px;
   right:140px;
   bottom:130px;
   min-width:564px;
   min-height:640px;
   overflow:hidden;
   z-index:1; }

hier ein Bild von dem Problem: (container borders sind zur verdeutlichung da)




sry hab das mit float noch nicht ausprobiert werde ich nun erstmal machen
 
Zuletzt bearbeitet:
Zurück
Oben