|
 |
  |
| Autor |
Nachricht |
pushddi
Neuer [User]
Anmeldung: 16.12.07
Beiträge: 2
|
 Verfasst am: 16.12.2007, 16:52 Titel: content verschiebt sich je nach auflösung |
 |
|
hi^^. zuerst muss ich sagen, dass ich ein totaler anfänger in sachen html css etc bin.
habe heute dann ein design von mir in dreamweaver bearbeitet, wobei der content bereich ein css fenster mit scrollbalken sein soll. hat auch soweit geklappt, jedoch habe ich dann festgestellt, dass sich der content verschiebt, je nach auflösung.
der dafür verantwortliche quelltext:
<style type="text/css">
<!--
.examplediv
{
background-color:##35231F;
border-style:solid #ffffff 1px;
body style=scrollbar-arrow-color:#E10080;
}
#divid
{
position:absolute;
left:200px; top:330px; width:555px; height:235px;
overflow:scroll;
}
// -->
</style>
ja, ich weiss, dass es an der position liegt, die ich über die pixel eingestellt habe und für jede auflösung übernommen wird und es daher kommt.meine frage jetzt:
gibt es nicht eine möglichkeit, dieses fenster irgendwie an eine tabelle zu "haften" bzw die position für jede auflösung gleich zu erreichen?
mfg. =)
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1461
|
| Verfasst am: 16.12.2007, 18:17 Titel: |
|
|
Zeig mal den Gesamtquelltext (am besten so, dass man sich das auch mal konkret im Browser ansehen kann). Dann kann man meist besser helfen 
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
pushddi
Neuer [User]
Anmeldung: 16.12.07
Beiträge: 2
|
| Verfasst am: 16.12.2007, 21:04 Titel: |
|
|
hier gesammt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Online Portfolio by pushddi</title>
<style type="text/css">
<!--
.examplediv
{
background-color: #35231F;
border-style: solid #ffffff 1px;
body style=scrollbar-arrow-color: #E10080;
}
#divid
{
position: absolute;
left: 250px;
top: 332px;
width: 555px;
height: 235px;
overflow: scroll;
}
body {
background-color: #35231F;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body onload="MM_preloadImages('bilder/over_home.jpg','bilder/over_references.jpg','bilder/over_aboutme.jpg','bilder/over_contactme.jpg','bilder/over_linkme.jpg','bilder/over_impressum.jpg')">
<center>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="66"> </td>
<td width="561"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Home','bilder/over_home.jpg',1)" onmouseover="MM_nbGroup('over','Home','bilder/over_home.jpg','bilder/over_home.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="bilder/normal_r2_c2.jpg" alt="" name="Home" width="96" height="85" border="0" id="Home" onload=""></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','References','bilder/over_references.jpg',1)" onmouseover="MM_nbGroup('over','References','bilder/over_references.jpg','bilder/over_references.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="bilder/normal_r2_c3.jpg" alt="" name="References" width="96" height="85" border="0" id="References" onload=""></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Aboutme','bilder/over_aboutme.jpg',1)" onmouseover="MM_nbGroup('over','Aboutme','bilder/over_aboutme.jpg','bilder/over_aboutme.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="bilder/normal_r2_c4.jpg" alt="" name="Aboutme" width="91" height="85" border="0" id="Aboutme" onload=""></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','contactme','bilder/over_contactme.jpg',1)" onmouseover="MM_nbGroup('over','contactme','bilder/over_contactme.jpg','bilder/over_contactme.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="bilder/normal_r2_c5.jpg" alt="" name="contactme" width="93" height="85" border="0" id="contactme" onload=""></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','linkme','bilder/over_linkme.jpg',1)" onmouseover="MM_nbGroup('over','linkme','bilder/over_linkme.jpg','bilder/over_linkme.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="bilder/normal_r2_c6.jpg" alt="" name="linkme" width="92" height="85" border="0" id="linkme" onload=""></td>
<td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','impressum','bilder/over_impressum.jpg',1)" onmouseover="MM_nbGroup('over','impressum','bilder/over_impressum.jpg','bilder/over_impressum.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="bilder/normal_r2_c7.jpg" alt="" name="impressum" width="93" height="85" border="0" id="impressum" onload=""></td>
</tr>
</table></td>
<td width="176"> </td>
<td width="97"> </td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="66"> </td>
<td width="561" valign="top" background="bilder/normal_r3_c2.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="18"> </td>
<td width="525"><div id="divid" class="examplediv">CONTENT</div></td>
<td width="18"> </td>
</tr>
</table></td>
<td width="176"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="97"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<font color="white"><font color=white>
<tr>
<td> </td>
</tr>
</font></font>
</center>
</body>
</html>
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
