hallo, ich hoffe, mir kann jemand hier helfen.
ich hab sowohl die werte im "rev" als auch schon in der CSS datei alle möglichen werte geändert.
es ist so, dass beim anklicken auf einen thumb dieser im IE7 mit horizontalen und vertikalen scrollbalken erscheint.
in opera und im FF ist alles ok.
hier mal teile der css datei:
und hier ein frame vom punkt "home" der site, die ich erst mal weiterhin so nutzen muss:PHP-Code:#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #DD0000; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
#lbImageContainer { padding: 0; margin: 0 auto; }
#lbIframeContainer { padding: 10px; margin: 0 auto; }[/B]
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}
PHP-Code:<title>.home</title>
<link rel="stylesheet"
href="http://www.estateline.de/fine_s/lytebox/lytebox.css"
type="text/css" media="screen">
</head>
<body topmargin="0" leftmargin="0" rightmargin="0"
bottommargin="0" style="background-color: rgb(210, 20, 18);"
marginwidth="0">
<script type="text/javascript" language="javascript"
src="http://www.estateline.de/fine_s/lytebox/lytebox.js"></script>
<table style="background-image: url(Bilder/base_07.gif);"
border="0" height="365" width="578">
<tbody>
<tr>
<td height="50%" width="50%"><iframe
name="frame1" src="home_inhalt_1.html" alt=""
target="ifmiddle" frameborder="0" height="100%"
scrolling="no" width="100%"></iframe></td>
<td height="50%" width="50%">
<center><a
href="http://www.estateline.de/fine-s/Bilder/400/service1.jpg"
rel="lyteframe"
rev="width: 400px; height: 400px; scrolling: no;"
onclick="home=window.open('http://www.estateline.de/fine-s/Bilder/400/service1.jpg',toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=0, resizable=0, width=400, height=400 ); return false;"
style="text-align: left; padding-right: 20pt; padding-top: 0pt;"
title=".home"><img
src="http://www.estateline.de/fine-s/Bilder/service1_klein_sw.jpg"
onmouseover="src='http://www.estateline.de/fine-s/Bilder/service1_klein.jpg';"
onmouseout="src='http://www.estateline.de/fine-s/Bilder/service1_klein_sw.jpg';"
style="border: 2px solid rgb(51, 51, 51);" height="100"
width="100"></a></center>
</td>
</tr>
erst wenn ich die rev werte um 30px erhöhe, also z.b. auf 430 setze, dann verschwinden die balken;PHP-Code:#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }
#lbImageContainer { padding: 0; margin: 0 auto; }
#lbIframeContainer { padding: 10px; margin: 0 auto; }
problem ist dann aber, dass die images in allen browsern nicht mehr ganz zentriert sind, sondern, dass rechts ein breiterer abstand als links ist.
padding zu ändern bringt nichts, dann verschiebt sich unten das feld mit dem close button.
was hab ich falsch gemacht ?
vielen danke schon mal...
Geändert von Thomas (08.06.2010 um 22:00 Uhr) Grund: codebox ;-)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren