YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Unterschiedliche CSS für FF und IE? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.011 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Unterschiedliche CSS für FF und IE?
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Xannasavin
Mitglied


Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3

 Unterschiedliche CSS für FF und IE? Antworten Zitieren Editieren Melden       UP

Hi!

Ich habe gerade das Problem, dass meine Hovereffekte, die im FF wunderschön die ganze Tabellenspalte ausfüllen und gut aussehen, im IE nur auf den Text selber angewendet werden, und damit nicht nur der Effekt kaputt ist, sondern das ganze auch häßlich aussieht...

Naja, lange Rede, kurzer Sinn:

Ich würde gerne für diesen Effekt einen CSS Code nur für denn FF (mit dem Effekt) und einen für den IE (ohne Hovereffekt) ausgeben lassen und wollte fragen ob das möglich wäre?

Grüße

__________________

26.08.07 23:30 Xannasavin ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

das geht mit den Conditional Comments.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 6]>
<link href="ie5.css" rel="stylesheet" type="text/css" />
<![endif]-->


Soweit ich weiß unterstützt auch nur der IE diese Comments, und logischer Weise müsste der IE7 die alten Anweisungen overrulen.

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Dizzy.w3: 27.08.07 00:19.

27.08.07 00:19 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Xannasavin
Mitglied


Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3

Themenstarter Thema begonnen von Xannasavin
Antworten Zitieren Editieren Melden       UP

vielen dank, werde das morgen mal ausprobieren!

kann ich auch statt dem link zum stylesheet auch einfach den code selber einfügen? weil das mit dem verlinken auf stylesheets tut bei mir irgendwie nicht...

__________________

27.08.07 00:50 Xannasavin ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Tach,

klar geht das. In das Comment kannst du einfügen was du willst. <script>, <meta>, <style> ...

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

27.08.07 12:49 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Xannasavin
Mitglied


Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3

Themenstarter Thema begonnen von Xannasavin
Antworten Zitieren Editieren Melden       UP

Vielen Dank dir, funktioniert super großes Grinsen

Das einzigste was irgendwie nicht will: Textlinks werden irgendwie immer noch mit dem hovereffekt versehen, obwohl das in den IE scripts rausgenommen wurde... aber damit kann ich noch leben ^^

__________________

27.08.07 15:17 Xannasavin ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

zeig mal den Code, und sag was du genau meinst mit Hover-Effekt. Meinst du

code:
1:
text-decoration: none


Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

27.08.07 15:45 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Xannasavin
Mitglied


Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3

Themenstarter Thema begonnen von Xannasavin
Antworten Zitieren Editieren Melden       UP

Im Moment sieht der Code wie folgt aus:



code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
}


#usercpnavtable #active { background: url("images/navBarBgHover.gif") repeat-x 20px; }
#usercpnavtable :hover { background: url("images/navBarBgHover.gif") repeat-x 20px; }


#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
}

#usercpnavtablelinks #active { background: url("images/navbarlinksbg.gif") repeat-x 20px; }
#usercpnavtablelinks :hover { background: url("images/navbarlinksbg.gif") repeat-x 20px; }

<!--[if IE]>
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}

#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}

<![endif]-->
<!--[if lt IE 7]>
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}

#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}

<![endif]-->
<!--[if lt IE 6]>
#usercpnavtable
{
padding: 0;
margin: 0;
background: url("images/navbarbg.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}

#usercpnavtablelinks
{
padding: 0;
margin: 0;
background: url("images/navBarBglinksHover.gif") repeat-x 20px;
text-align: center;
text-decoration:underline;
}

<![endif]-->


grüße

__________________

27.08.07 17:30 Xannasavin ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

da der/die Hover-Effekt/e nicht überschrieben wird/werden, wird/werden er/sie übernommen.

Das heißt, einfach das gleiche im IE Abteil reinschreiben, aber eben mit dem gewünschten Inhalt.

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

27.08.07 17:46 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Xannasavin
Mitglied


Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3

Themenstarter Thema begonnen von Xannasavin
Antworten Zitieren Editieren Melden       UP

ah, okay, alles klar, dachte wenns nicht erwähnt wird, ignorierts der browser ^^

dank dir fröhlich

__________________

27.08.07 18:09 Xannasavin ist offline E-Mail Finden Als Freund hinzufügen
4nubi5
Mitglied


Dabei seit: 20.01.06
Beiträge: 11

Antworten Zitieren Editieren Melden       UP

Kann man das fürs WBB adaptieren, also im Designpack mit einfügen, um wie im phpbb diese Hover Effekte zu haben ? verwirrt
27.08.07 18:51 4nubi5 ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hallo,

natürlich kann man das auch im Designpack machen, einfach bei "Sonstige Attribute" oder wie das heißt. Zum phpBB kann ich leider nichts sagen, kenne ich zu wenig.

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

27.08.07 21:13 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Xannasavin
Mitglied


Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3

Themenstarter Thema begonnen von Xannasavin
Antworten Zitieren Editieren Melden       UP

Jau genau. Einfach ganz unten bei Designpack bearbeiten unter Sonstiges CSS einfügen!

Grüße

__________________

27.08.07 21:20 Xannasavin ist offline E-Mail Finden Als Freund hinzufügen
4nubi5
Mitglied


Dabei seit: 20.01.06
Beiträge: 11

Antworten Zitieren Editieren Melden       UP

Das ist ja " geil " danke
28.08.07 16:58 4nubi5 ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Unterschiedliche CSS für FF und IE?