Lightbox 2 1024*756 und Netbooks

Dietz · 28.09.2010

Hallo Zusammen...

Ich versuch mich gerade an der Lb 2 und falls hier schon über mein Prob geschrieben wurde, sorry.

Also ich habe meine Seite in 1024*700 angelegt und Alles funktioniert super.
Jetzt dachte ich da sind genug mit Netbooks unterwegs und ich schraubte die Auflösung runter auf 800*600. Siehe da, der schwarze Lb-Hintergrund endet bei 800px und der alte Seitenhintergrund erscheint.

Gib's ne Möglichkeit den schwarzen Lb-Hintergrund bei 800*600 auf 1024*756 zu fixen?

site = html/css also div's

Yfrog Image : yfrog.com/5mscreen1eqj - Uploaded by MrDietz

sokie · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Dietz schrieb:
Gib's ne Möglichkeit den schwarzen Lb-Hintergrund bei 800*600 auf 1024*756 zu fixen?

site = html/css also div's

liegt mit 99,5%iger wahrscheinlichkeit am Code, genaueres lässt sich sagen, wenn die Kristallkugel vom reinigen zurück ist (oder du den Code postest/link zur seite besser)

im kaffeesatz deutete sich an, dass du werte (height, width) für den Body oder html gesetzt hast, ist aber eher undeutlich

krid2873 · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Moin,

auf der folgendes gefunden:

The shadow overlay doesn't stretch to cover full browser window.
Remove the default margin and padding from the body tag. Add body{ margin: 0; padding: 0; } to your stylesheet.

-> Also für body die Eigenschaften margin und padding auf null setzen.
Vielleicht löst das ja das Problem.

Dietz · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Also Danke erstmal...

Mein body:

body {margin:0px;
padding:0px;
background-color: #ffffff;
}

Css ist ausgelagert.

Hier nen Auszug aus der css:

body {margin:0px;
padding:0px;
background-color: #ffffff;
}

#bg {margin:0px;
padding:0px;
height:700px;
width:1024px;
float: left;
}

#line1 {margin:0px;
height:210px;
width:1024px;
float: left;
}

#line2 {margin:0px;
height:170px;
width:1024px;
float: left;
}

etc.

Und hier die html:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script language="javascript" type="text/javascript">


</script>

<style type="text/css">


</style>
</head>
<body>
<div id="bg">
<div id="r1">

und so weiter.....

Bin absolut jungfreulich auf dem Gebiet....
Also nich lachen.

sokie · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Dietz schrieb:
Hier nen Auszug aus der css:...

und so weiter.....

Also nich lachen.

sorry, aber wie soll man da sehen wo mögliche Fehler sind, wenn du nur codeschnippsel postest.
Bitte benutze doch für Code die entsprechenden Codewerkzeuge

einfacher (wo die Sache doch wahrscheinlich sowieso ins Internet soll...) ist es alle erforderlichen Dateien auf deinen Webspace zu laden, und hier einfach den Link zu posten.

Dietz · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Hast Recht...
Ich Idi...

Der Webspace gehört nicht mir und ich hab noch keine Zugangsdaten. Werd die aber besser mal anfordern und selbst hochladen.

Hier der gesamte html Quelltext.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Weinbergsgallerie</title>
<link rel="stylesheet" type="text/css" href="kera.css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script language="javascript" type="text/javascript">


</script>

<style type="text/css">


</style>
</head>
<body>
<div id="bg">
<div id="r1">
<div id="wbgsp1">
</div>
<div id="wbgsp2">
</div>
<div id="wbgsp3">
</div>
</div>
<div id="r2">
<div id="gr1">
</div>
<div id"gallframe">
<div id="gall">
<div id="gallr1">
<div id="gra">
<div id="p1"><a href="images/WBpics/001.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/001.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>
</div>

<div id="p1sp">
</div>

<div id="p2"><a href="images/WBpics/002.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/002.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>
</div>

<div id="p2sp">
</div>

</div>

<div id="grb">
<div id="p1"><a href="images/WBpics/003.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/003.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>
</div>

<div id="p3sp">
</div>

<div id="p2"><a href="images/WBpics/004.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/004.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>

</div>
</div>
</div>

<div id="gallr2">
</div>
<div id="gallr3">
<div id="gra">

<div id="p1"><a href="images/WBpics/005.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/005.jpg" width="156" height="156" border="2px" align="absmiddle" / ></a>
</div>

<div id="p5sp">
</div>

<div id="p2"><a href="images/WBpics/006.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/006.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>
</div>

<div id="p6sp">
</div>

</div>

<div id="grb">
<div id="p1"><a href="images/WBpics/007.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/007.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>
</div>

<div id="p7sp">
</div>

<div id="p2"><a href="images/WBpics/008.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/008.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>

</div>
</div>
</div>
<div id="gallr4">
</div>
<div id="gallr5">
<div id="gra">
<div id="p1"><a href="images/WBpics/009.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/009.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>

</div>
<div id="p9sp">
</div>

<div id="p2"><a href="images/WBpics/010.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/010.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>

</div>
<div id="p10sp">
</div>
</div>

<div id="grb">
<div id="p1"><a href="images/WBpics/011.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/011.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>

</div>
<div id="p11sp">
</div>

<div id="p2"><a href="images/WBpics/012.jpg" rel="lightbox[roadtrip]" >
<img src="images/view/012.jpg" width="156" height="156" border="2px" align="absmiddle" /></a>

</div>
</div>

</div>

</div>
<div id="gallsp">
</div>
</div>

<div id="gr3">
<div id="bgbotton">
<div id="close">
<a href="index.html">schließen</a></div>
<div id="back">
<a href="gallerie2.html">mehr
</a></div>
</div>
</div>
</div>
</div>
</body>
</html>

sokie · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Dietz schrieb:
Der Webspace gehört nicht mir und ich hab noch keine Zugangsdaten. Werd die aber besser mal anfordern und selbst hochladen.

Hier der gesamte html Quelltext.

tja, das werden wir dann wohl abwarten müssen - ganz unklar ist immer noch wie und ob die "kera.css" evtl. die Ausgabe beeinflusst -
vielleicht mag ja irgendwer den Code ohne Einrückungen lesen. Mir ist das echt zu mühselig. Die Empfehlung für den Code die Codebereiche zu benutzen hast du auch gepflegt überlesen.
[offtopic]ob es für win=window.open("kntakt.html","mypopup",settings); wirklich eine entsprechnde kntakt.html gibt?[/offtopic]

es empfiehlt sich Seiten, die im Web laufen sollen, auch auf dem Server zu testen. Ein bisschen test-webspace kann man sich auch kostenlos sichern.
(werbefrei ist in diesem Fall wichtiger als serverseitige features)

Dietz · 29.09.2010

AW: Lightbox 2 1024*756 und Netbooks

Bei allen Respekt,

den Body und und weitere Div's habe ich schon gepostet. Etc. bedeutet das sich in meiner Schreibweise nicht's geändert hat, also wie #line1, #line2 sehen auch alle anderen Div's aus.a

Was bitteschön, außer der Body, soll den aus der Css Datei die Lightbox so beeinflussen, das der schwarze Background beim weiterscrollen (bei 800*600) wegbricht?

Außerdem funktioniert Alles bei 1024*756 wunderbar.

Ganz erlich, ich glaube du (sokie) eierst in meinem Thread genauso rum wie ich, und selbst wenn ich den Rest noch posten würde, käme nichts dabei um die Runden.

Trotz dem danke ich dir.
Werd's mal woanders probieren.