Probleme bei der Iframe-Einbindung

[element³]

Hey arbeite gerade an einem Design. An dieser Stelle hier erstmal der Link:
http://z-unit.wetpage.de/NEW Z-UNIT/

Dachte mir das es für Euch leichter ist als wenn ich hier nen riesen QT reinposte. ;-)

Also ihr müsst mal nen Button anklicken z.b. "Z-Unit Allstars" da taucht denn ein Scrollbalken auf, was er ja auch soll Aber der Scroll balken ist nicht ganz am rand weil der Iframe dort aufhört.

Eigenlich kein Problem, einfach den Iframe vergrößern und gut ist ABER der Iframe hat eine Breite von 448 pixel wenn ich die Iframe auf 449 vergrößern will, verschiebt sich alles. D.h. ich kann den Iframe bzw. den Scrollbalken nicht ganz am rand positionieren.

Könnt ihr mir helfen.

Danke!

Mfg der element³

 

[Frank]

lösung:
arbeite mit dynamischen seiten per php dann brauchst du keine frames / iframes und hast auch keine scrollbalken in der mitte oder sonst wo

 

[element³]

Hehe habe ich doch schon gemacht. Meine Seie schön auf php basierend geschrieben und ZACK => mein server ist nicht php fähihg *wein*

 

[Frank]

hohl dir doch n freehoster der sowas unterstützt
empfehlung: pytal.de oder boardlinks
wenns dein root ist kanns du doch php installieren.

Das prob mit dem scrollbalken im iframe lässt sich nicht lösen, dass ist nun mal der nachteil der iframes / frames

 

[element³]

hohl dir doch n freehoster der sowas unterstützt

und vollgeklatscht mit Werbung :-( toll!

Aber trotzdem danke ;-)

 

[{m-d}]

glaube schon das sich das lösen lassen würde. das problem ist die rechte navigation. man müsste "margin-left" dieser navi auf "0px" stellen.

 

[element³]

hmm was genau denn {m-d} ???

/* hier die linke seite meiner navi*/

#left {
display: inline;
float: left;
margin: 0;
padding: 3px 3px 3px 0px;
width: 170px;
}
#left p {
background: #e7e7e7;
color: #eee;
font: normal 11px "Trebuchet MS", Verdana, sans-serif;
line-height: 15px;
text-align: left;
margin: 0;
}
#left h2 {
background: #4D4D4D url(h2_image.gif) no-repeat;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 20px;
}
#left ul {
padding: 0;
margin: 0px;
}
#left li {
background: #E7E7E7 url(li_image.gif) no-repeat;
border-bottom: 1px solid white;
color: #eee;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
line-height: 100%;
text-align: left;
}

#right {
display: inline;
float: right;
margin: 0;
padding: 3px 0px 3px 3px;
width: 170px;
}
#right p {
background: #e7e7e7;
color: #eee;
font: normal 11px "Trebuchet MS", Verdana, sans-serif;
line-height: 15px;
text-align: right;
margin: 0;
}
#right h2 {
background: #4D4D4D url(h2_image.gif) right no-repeat;
color: #fff;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: right;
line-height: 17px;
margin: 0;
padding: 2px 20px 0 0;
}
#right ul {
padding: 0;
margin: 0px;
}
#right li {
background: #E7E7E7 url(li_image.gif) right no-repeat;
border-bottom: 1px solid white;
color: #eee;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, sans-serif;
line-height: 100%;
text-align: right;
padding-right: 20px;
}
#right img, #left img {
border: 0;
margin: 1px;
}

 

[{m-d}]

mh. laut dem css ist der abstand bereits auf 0... dann muss irgendwo anders ein versteckter 'platzfresser' sein. ka, wo. normalerweiße liegt die scrollbar nämlich am rand des iframes.

edit: du könntest versuchen das iframe auch noch per "position: absolute;" und "top: ...px", "left: ...px" zu positionieren.

 

[element³]

edit: du könntest versuchen das iframe auch noch per "position: absolute;" und "top: ...px", "left: ...px" zu positionieren.

Beispiel?

mfg element³

 

[Karl das kahle Moorhuhn]

probiers mal mit negativen werten für padding, margin oder ähnlichem, falls falsch überlagert wird, kannst du es mit z-index wieder korrigieren