Grafik Problem

#1 (**permalink**) 01.08.2012, 11:22

Hey Leute,

also ich habe folgendes Problem, wenn ich im Header meine 3 Grafiken platziere ist eigentlich alles in Ordnung nur, dass die Grafiken im Chrome Browser weiter oben sind als bei den anderen und das stört mich jetzt wollte ich fragen an was das liegen kann

CSS

Code:

.headerLogo1 {
    margin-left: 5%;
    margin-top: 4%;
    position: absolute;

}

.headerLogo1:hover {
    background-image: 


}

.headerLogo2 {
    margin-left: 15%;
    margin-top: 4%;
    position: absolute;
}
.headerLogo2:hover {
    background-image: ;
}

.headerLogo3 {
    margin-left: 25%;
    margin-top: 4%;
    position: absolute;
}
.headerLogo3:hover {
    background-image: ;
}

Bilder im Anhang

Lg Lodi

manya · #2 (**permalink**) 01.08.2012, 11:42

poste doch mal einen Link.
anhand der Grafiken kann man deinen Quellcode nicht erahnen.

Woogie · #3 (**permalink**) 01.08.2012, 11:43

Nutzt Du eine reset.css?

#4 (**permalink**) 01.08.2012, 11:43

das Problem die Seite ist nicht Online. Kann ich dir sonst irgendwas geben mit dem du was Anfangen kannst? was ist eine reset.css?

Tut mir leider aber bin noch nicht so gut mit css html und javascript :P

take_a_7 · #5 (**permalink**) 01.08.2012, 11:50

Moin,

Zitat:

Zitat von Loddarkwin

das Problem die Seite ist nicht Online.

Google: Freehoster.

gruß,
take

manya · #6 (**permalink**) 01.08.2012, 11:54

Zitat:

Zitat von Loddarkwin

was ist eine reset.css?

Das ist eine css-Datei, in der die Abstände (aller) Elemente auf "0" gesetzt werden.

Viele Elemente habe ja ein padding oder ein margin, ohne daß du etwas angeben musst. Bekanntes Beispiel für ein impliziertes vertikales margin ist das Absatz-Element "p" und die Überschriften-Elemente "h1" - "h6".

mit
* { margin: 0, padding: 0 } setzt du alle Innen- und Außenabstände aller Elemente auf "0" und kannst danach Abstände vergeben, wie es dir gefällt.

#7 (**permalink**) 01.08.2012, 11:58

Zitat:

Zitat von manya

Das ist eine css-Datei, in der die Abstände (aller) Elemente auf "0" gesetzt werden.

genau das hab ich gemacht ja aber der Chrome Browser zeigt die Grafiken falsch an die anderen Browser sowie Explorer, Firefox Opera interpretieren das richtig und ich weiss nicht wie ich für Chrome eine ausnahme in der css datei erstelle geht das?

Manfred62 · #8 (**permalink**) 01.08.2012, 12:07

Eine Demo online stellen!

BTW: diese ganzen krummen %-Werte und position:absolute sind bestimmt nicht sinnvoll.

#9 (**permalink**) 01.08.2012, 12:10

wo stell ich die demo online?

manya · #10 (**permalink**) 01.08.2012, 12:10

Zitat:

Zitat von Loddarkwin

genau das hab ich gemacht ja aber der Chrome Browser zeigt die Grafiken falsch an die anderen Browser sowie Explorer, Firefox Opera interpretieren das richtig und ich weiss nicht wie ich für Chrome eine ausnahme in der css datei erstelle geht das?

Vielleicht ist für Chrome gar keine Ausnahme nötig.
Aber wer weiß das schon, ohne deine vollständige CSS-Datei und dein markup gesehen zu haben.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Aktive Menü Grafik in den Vordergrund	lavasandzaehler	CSS	8	02.03.2009 18:05
Text und Halbtransparenz über Grafik?	flobox	CSS	6	02.02.2009 13:05
Problem mit 3 Spaltigem Layout	stipo	CSS	0	27.05.2006 20:58
Link trotz drüberragender Grafik nutzen können	dablake	CSS	3	01.04.2005 16:53
Problem mit Background-Color im FireFox	to.ni	CSS	2	31.08.2004 11:13