CSS Galerie verschiebt andere Elemente

html.de-Forum HTML, XHTML & CSS
1

Ich habe eine CSS basierte Galerie in meine Seite mit mehreren Divs eingebaut. Das ist der Code der Galerie. [CODE]@charset „UTF-8“;
/* CSS Document */
*
{
border: 0;
margin: 0;
padding: 0;
}

/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

a
{
text-decoration: none;
}

h1
{
background: inherit;
border-bottom: 1px dashed #ccc;
color: #933;
font: 17px Georgia, serif;
margin: 0 0 10px;
padding: 0 0 5px;
text-align: center;
}

p
{
clear: both;
font: 10px Verdana, sans-serif;
padding: 10px 0;
text-align: center;
}

p a
{
background: inherit;
color: #777;
}

p a:hover
{
background: inherit;
color: #000;
}

.hoverbox
{
cursor: default;
list-style: none;
height: 450px;
width: 150px;
margin-left: 25px;
margin-top: 15px;

}

.hoverbox a
{
cursor: default;
}

.hoverbox a .preview
{
display: none;
}

.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}

.hoverbox img
{
background: #fff;

color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 75px;

}

.hoverbox li
{
background: #eee;
border-color: #990066;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 1px;
position: relative;
}

.hoverbox .preview
{
border-color: #990066;
width: 250px;
height: 200px;
margin-left: 90px;
}
[/CODE]
Leider verschiebt die Galerie den DIV-Container, der alles umgibt, so dass die Seite „springt“. Welchen Wert muss ich ändern, um das zu verhindern?:cry:

2

CSS-Code ohne dazugehörigen HTML-Code ist wertlos.CSS funktioniertnur auf einer Basis aus HTML.

Wie ist der Link zur Seite?

3

Css in Head einfügen

Ich habe die Lösung durch Probieren selbst gefunden. Der Link zum externen Stylesheet der Galerie muss auf jeder Seite stehen. Eine Erklärung dafür habe ich nicht, aber es funzt.:???:

4

Ein Stylesheet muss überall da eingebunden werden, wo die Eigenschaften benötigt werden.
Wenn das Stylesheet speziell für die Galerie entwickelt ist, dann muss es auch nur auf den Seiten der Galerie eingebunden werden.

Deine Lösung ist also vermutlich reiner Zufall.