|
 |
  |
| Autor |
Nachricht |
EvaMarie
Stammuser [User]
Anmeldung: 20.02.05
Beiträge: 34
Wohnort: Remagen
|
 Verfasst am: 24.02.2005, 17:26 Titel: Scrollen + Positionierung |
 |
|
Öhm... OK... Und Problem Nummer 2 
Ich bekomm meine Homepage nicht zum Scrollen... Beispiel mal an der Galerie:
HTML:
| Code: | <div id="content">
<div id="galerie">
<div id="bild1"><img src="img/Galerie/Klein/eva_01_t.png" alt="RL01"/></div>
<div id="bild5"><img src="img/Galerie/Klein/eva_02_t.png" alt="RL02"/></div>
...
</div>
</div>
|
CSS:
| Code: | body {
background-color: #FFCC99;
background-image: url('../img/Logo/Logo-Wasserzeichen1.png');
background-position: 50% 145px;
background-repeat: no-repeat;
background-attachment:fixed;
border: 0px;
margin: 0px;
padding: 0px;
font-family: "Verdana", fantasy, serif;
font-size: 1em;
font-weight: bold;
}
#content {
position: absolute;
padding-top: 25px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin-left: 50px;
margin-right: 50px;
margin-top: 200px;
background-color: #FFCC99;
}
/*Container*/
#galerie {
display: block;
width: 800px;
left: 50px;
top: -50px;
position: relative;
}
#galerie img {
display: block;
}
/*Bilder+Rahmen*/
#bild1 {
position: absolute;
top: 0px;
left: 50px;
width:100px;
height: 100px;
border: 3px solid #993300;
}
#bild2 {
position: absolute;
top: 0px;
left: 100px;
width:100px;
height: 100px;
border: 3px solid #993300;
}
...
|
Weiteres Problem: Der ganze Quatsch (sprich Bilder) sitzt nicht an der Stelle, an der ich es gerne hätte...*grml* Liegen irgendwie über meinem Topshade (Z-Index: 99), aber noch unter der Navigationsleiste (Z-Index: 100)? Und irgendwie viiiieeeel zu hoch... Da bringt auch das ändern der top und left Werte des Containers nichts.
Ich hoffe, ich habe das ganze halbwegs verständlich ausgedrückt;o)
LG,
Eva-Marie
|
|
| Nach oben |
|
 |
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 24.02.2005, 21:55 Titel: |
|
|
Leider wird mir aus dem Beispielcode nicht klar, wo das Problem liegen könnte - was kann nicht gescrollt werden? Topshade und Navigationsleiste sind in dem Beispielcode leider auch nicht enthalten, so dass man schlecht eine Einschätzung treffen kann, warum was wo wie angeordnet ist in Relation zu andren Elementen
_________________
 Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
EvaMarie
Stammuser [User]
Anmeldung: 20.02.05
Beiträge: 34
Wohnort: Remagen
|
| Verfasst am: 24.02.2005, 22:52 Titel: |
|
|
Ich glaub fast, es ist am sinnigsten, wenn ich hier einfach mal den Link reinsetze... http://www.eva-marie-becker.net/labor/galerie-1.html (Bevor ich mich hier noch weiter sprachlich verknote )
Was genau nicht scrollt, ist der Container mit den Bildern...
Aber ähm... Muss man die Navigationsleiste extra einbinden? Mir ist gesagt worden, das Dinggen würde das von alleine machen. Hab auch schonmal irgendwie versucht mit max-width und max-height bzgl. der Scrollbareinblendung zu arbeiten, hat aber irgendwie auch nicht gefunzt... (Wie alles andere in puncto Homepage im Moment auch) *in die Tastatur beiß*
Aber schonmal danke... 
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 24.02.2005, 23:05 Titel: |
|
|
Ok, jetzt ist klar, was du meinst
Ich könnt mir vorstellen, dass dieser Effekt beim Scrollen daher kommt, dass die Bilder absolut positioniert sind innerhalb eines Containers, der relativ positioniert ist. Ich würde versuchen, die Bilder ohne position:absolute zu platzieren - oder bei Beibehaltung von position:absolute die Bilder im Quelltext nicht innerhalb des Containers unterzubringen, sondern direkt unter <body> oder #content
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 24.02.2005, 23:30 Titel: |
|
|
Ich seh, dass du auch noch viel mit position:fixed gearbeitet hast, ich würde so weit es geht auf (Kombinationen von) position:fixed und position:absolute verzichten, weil so hast du das komplette Chaos:
Internet Explorer kennt kein position:fixed und zeigt die Navigationsleiste überhaupt nicht an, dafür lassen sich die Bilder nach oben scrollen
Firefox zeigt die Navigation an, dafür lassen sich die Bilder nicht scrollen
Opera zeigt die Navigation an, aber von den Bildern sind nur ein paar zu sehen, und beim Scrollen werden diese weggescrollt, statt reingescrollt
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
EvaMarie
Stammuser [User]
Anmeldung: 20.02.05
Beiträge: 34
Wohnort: Remagen
|
| Verfasst am: 24.02.2005, 23:39 Titel: |
|
|
Ach herje...  (Wie war das: Wenn der Mensch keine Probleme hat, macht er sich welche... Hätte wohl besser doch ein Homepage-Fertig-Paket nehmen und nur noch mit 2-3 Mausklicks die Farbe verändern sollen*g*)
Dankeschön... Werd ich noch irgendwie versuchen wieder zu korrigieren!
Aber für heute ist genug. Werde mich morgen weiter ärgern...
Wünsche eine gute Nacht...
|
|
| Nach oben |
|
|
JörgK
Beliebter [Mod]
Anmeldung: 09.04.04
Beiträge: 376
|
| Verfasst am: 25.02.2005, 00:14 Titel: |
|
|
Nicht zuviel drüber ärgern, vor solchen Problemen steht jeder mal, daran kann man aber auch ganz gut lernen
Wenn du dich ans Korrigieren machst, würde ich die position:fixed ganz rausschmeißen, da der IE das sowieso nicht kann, gegebenenfalls durch position:absolute ersetzen. Elemente, die absolut positioniert sind, würde ich möglichst direkt unter <body> einordnen und danach ausrichten, wenn es sich nich vermeiden lässt, ganz darauf zu verzichten.
Und noch ein Tipp:
Teste möglichst früh mit mehreren Browsern, das erspart dir den Ärger, später einiges wieder rückgängig zu machen
_________________
Webnotizen - Forum für XHTML, CSS und SEO - Bookmarks
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
