Antworten auf deine Fragen:
Neues Thema erstellen

kleine Kriese

L

Luziefer

Nicht mehr ganz neu hier

hallo leute,

lange ist her das icj hier was geschrieben habe bezüglich meiner HP.
nun ist es wieder soweit, habe das neue Desing fertig und bekomme nun aber so langsam die Kriese.

es geht dabei um die Positionierungen zwischen IE und FF.
Beim FF wird es alles so angezeigt wie es sein sollte bei mir zu mindestens.
Aber sobald ich es unter den IE betrachte zerhaut er mir stellenweise die Anzeige. und CSS bin ich nicht so fit für. Daher auch hier mein Hilfe gesuch.

2 punkt ist das mit VisualLightBox.

Habe alle bild daten in ausgelagert über eine JS und php datei so das sie nun extern geladen werden und ich nicht im eigendlichen htm code mehr was machen muss, reicht das kopieren neuer bilder in die jeweiligen ordner, ausgelesen werden sie nun selbstätig.
Aber sobald ich 2 oder mehr GAlerien auf einer seite habe ist volgendes.
starte eine Gala, schließe sie wieder und scrolle dann mit der maus, Ergebniss, neustart dieser. Vieleicht hat da ja einer den ein oder anderen Tip wie ich das umgehn kann.

Es sind z.z nur nur Tests aber im Grunde ist es soweit fertig bis eben der oben beschriebenen sachen.

Für eure Hilfe währe ich dankbar, gerade was css angeht.

gruß
 

attrip

attrip

Typographin

bezüglich: kleine Krise

hab Deine Seite mal durch den Validator geschickt:
Während bei HTML alles in Ordnung ist:
[Valid] Markup Validation of http://mainecoon-schlossberg.de/test2/baghira.htm - W3C Markup Validator
hagelt es bei CSS nur so von Fehlermeldungen:


Ich denke mal, es ist mit zwei Worten nicht erklärt, was hier optimiert werden müsste, damit die Seite, die trotz aller Warnungen unter FF läuft, auch auf anderen Browsern richtig angezeigt wird.
(Auf meinem Mac sieht sie übrigens auch unter Safari und Camino in Ordnung aus).

Installiere mal bei Firefox die Web-Developer-Toolbar und sieh selbst:
https://addons.mozilla.org/de/firefox/addon/60/
 
cebito

cebito

undefined

AW: kleine Kriese

Luziefer schrieb:
Für eure Hilfe währe ich dankbar, gerade was css angeht.
Zum Vergrößern anklicken....

Erstmal, auf welcher Seite trifft das zu mit dem zerschossenen Layout und in welchem IE? Kannst doch nicht erwarten, das wir jetzt alle Seiten mit allen IE's und mit dem Firefox zum vergleich anschauen :rolleyes:

Naja, und das

Code: 
@charset "utf-8";
@import url(../css/format.css);
@import url(../css/menue.css);
@import url(../css/schrift_class.css);
@import url(../css/bild_platz.css);
@import url(../css/vlightbox.css);
@import url(../album/Lucifer/css/album1/vlightbox_Lucifer.css);
@import url(../album/Sunny/css/album1/vlightbox_Sunny.css);
@import url(../album/Dschinges/css/album1/vlightbox_Dschinges.css);
@import url(../album/Astoria/css/album1/vlightbox_Astoria.css);
@import url(../album/AngelS/css/album1/vlightbox_AngelS.css);

muss ja dann auch nicht sein, kein Helfer wird sich die Mühe machen sich durch die ganzen CSS-Dateien zu suchen...

Beschreibe mal deine Probleme genauer und poste den relevanten Code incl. zuständiger CSS
 
cebito

cebito

undefined

AW: bezüglich: kleine Krise

attrip schrieb:
nicht nötig, den findet man unter meinem zweiten Link nach den Fehlermeldungen:
Zum Vergrößern anklicken....

Ich finde es schon nötig, nicht der Helfer soll hier sich das Zeug zusammensuchen, sondern derjenige der Hilfe wünscht so viel wie nur möglich selbst einbringen - vor allem dann, wenn vom potentiellen Helfer angefragt!

Davon abgesehen - @TE - wenn du mal schaust, bemängelt der Validator, das du fast überall keine Maßangaben drin stehn hast. Außer bei 0 solltest du das aber, sonst weiß der Browser nämlich nicht, ob du px, pt, em oder km meinst.
 
L

Luziefer

Nicht mehr ganz neu hier

AW: kleine Kriese

Danke für die Antworten.
Ok ich hbe hier nur den IE 8 zur verfügung aber unter diesem werden die breiten von den seiten, Kontakt, Links, Baghira sowie von den Katzen zu breit angezeigt.

Angaben unter format.css

Code: 
/*menue mitte*/
#main {
    background-color: #777777;
    padding: 0;
    border: 5px solid #555555;
    margin-top: 10px;
    margin-right: 50px;
    margin-bottom: 10px;
    margin-left: 247px;
    }

#main_index {
    background-color: #777777;
    padding: 0;
    border: 5px solid #555555;
    margin-top: 10px;
    margin-right: 247px;
    margin-bottom: 10px;
    margin-left: 247px;
    height: 810px;
}

Bei den Galerien stimmen unter dem IE8 alle Positionen nicht:(

Angaben in der bild_platz.css

Code: 
/*biiderplatz trauer.htm*/
#engel {
    padding: 7px;
    border: 1px dashed #9982a0;
    margin: -158px 0 0 -208px;
    position: absolute;
    top: 46%;
    left: 40%;
    width: 600px;
    height: 398px;
    z-index: 5;
    background-color: transparent;
    background-image: url(../images/engelsfluegel.png);
    background-repeat: no-repeat;
    background-position: center;
}

#tabs {
    padding: 7px;
    border: 1px dashed #5f8d61;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 347px;
    background-color: transparent;
    background-image: url(../album/Trauer/Tabs.8.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -289px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -399px;
}
#tabs:hover {
    z-index: 20;
}

#puma {
    padding: 7px;
    border: 1px dashed #c29d48;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 400px;
    height: 266px;
    background-color: transparent;
    background-image: url(../album/Trauer/098.JPG);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -249px;
    margin-right: -439px;
    margin-bottom: 0;
    margin-left: 0;
}
#puma:hover {
    z-index: 20;
}

#teufel {
    padding: 7px;
    border: 1px dashed #3e789d;
    position: absolute;
    bottom: 50%;
    right: 50%;
    width: 400px;
    height: 267px;
    background-color: transparent;
    background-image: url(../album/Trauer/IMG_1074.JPG);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-right: -399px;
    margin-bottom: -289px;
    margin-left: 0;
}
#teufel:hover {
    z-index: 20;
}

#kylie {
    padding: 7px;
    border: 1px dashed #c0512d;
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 400px;
    height: 267px;
    background-color: transparent;
    background-image: url(../album/Trauer/kylie.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -249px;
    margin-left: -439px;
    }
#kylie:hover {
    z-index: 20;
}
    
/*Bilderplatz link zu quarknet.de*/    
#quarknet {
    position: absolute;
    top: 777px;
    left: 549px;
    width: 200px;
    height: 15px;
    z-index: 10;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #660000;
}
sowie die 8 Galarien

Code: 
/*Bildplatzierung für die einzelnen Galerie */

/*Baghira*/
div.gal1 {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 200px;
    height: 138px;
    margin-top: 25px;
    margin-right: 0;
    margin-bottom: -310px;
    margin-left: -2px;
}

/*Angel*/    
div.gal2 {
    width: 205px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    height: 138px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 90px;
    margin-left: -2px;    
}

/*Jamaica*/
div.gal3 {
    width: 205px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    height: 138px;
    margin-top: 65px;
    margin-right: 0;
    margin-bottom: 90px;
    margin-left: -2px;    
}

/*Larentia*/
div.gal4 {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 200px;
    height: 138px;
    margin-top: 5;
    margin-right: 0;
    margin-bottom: -310px;
    margin-left: -2px;    

}
/*Lucifer*/
div.gal5 {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 200px;
    height: 138px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -310px;
    margin-left: -279px;
}

/*Sunny */
div.gal6 {
    width: 205px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    height: 138px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 90px;
    margin-left: -279px;    
}

/*Dschinges*/
div.gal7 {
    width: 205px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    height: 138px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 90px;
    margin-left: 271px;    
}

/*Astoria*/
div.gal8 {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 200px;
    height: 138px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -310px;
    margin-left: 271px;    
}

/*AngelS*/
div.gal9 {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 138px;
    height: 205px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -138px;
    margin-left: 12px;    
}

die angaben in den einzelnen vlightbox_.... sind alle gleich

Code: 
.vlightbox {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    position:relative;
    opacity:0.6;
    margin-top: 279px;
    margin-left: -420px;
}
ist nun viel text hier. cebito ich hoffe du kannst damit etwas anfangen.
 
Zuletzt bearbeitet von einem Moderator:
cebito

cebito

undefined

AW: kleine Kriese

Wie oben schon gesagt, solltest du erstmal Maßangaben ergänzen. Mach den CSS-Validatorlink auf und die entsprechenden CSS-Dateien daneben, dann kannst du es ganz leicht abarbeiten...
 
L

Luziefer

Nicht mehr ganz neu hier

AW: kleine Kriese

so laut w3c sind nun keine Fehler mehr in den css dateien.
aber wie bekomme ich nun die positionen unter IE gebacken? wenn ich das ändere zeigt er mir im FF alles anders an:-(

aber ich kann auch auf den IE8 verzichten da es ja bei den anderen browsern anscheinend zu stimmen tut.

gruß
p.s @ attrip und cebito, Danke für die Hilfe.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 131 (Mitglieder: 2, Gäste: 129)
Robots: 462

Statistik des Forums

Themen
118.640
Beiträge
1.538.506
Mitglieder
67.559
Neuestes Mitglied
mic4mac
Oben