Viktor's Supportboard
Quickmenü
» Start
» Portal
» Kontakt
» Mitglieder
» Team

» Handy-Ansicht


Usermenü

» Registrieren

Login
Benutzername:
Passwort:

(Passwort vergessen?)

Database
» Database

Lizenzshop/Verwaltung
» Lizenzshop/Verwaltung


Allgemeines
» Themen der letzen 24 Stunden
» Beiträge von Heute
» Aktuelle Umfragen
» Themen als gelesen markieren
» Themen ohne Antwort

» F.A.Q
» Regeln
» Impressum
» Datenschutzerklärung

» Linkliste
» Partner
» Statistik

Kostenplichtige Hacks
» VG-Lizenz
» VG-Fotowettbewerb
» VG-Kontaktanzeige
» VG-Literatur-Verwaltung
» VGTreffen/Dater
» VGMusik/Video

Mein Hacks
» VGUser-Leaflet-Map
» VGUser-Google-Map
» VGClub-Map-Google
» User-Map
» Club-Map
» User-Locator
» Club-Locator
» Mitglieder Bilderupload
» VGOnlineList
» Teamspeak Onlineanzeige

Meine Banner
» Meine Banner

Statistik
Beiträge: 139.614 (Täglich: 22,74 )
Themen: 16.241
Mitglieder: 13.157
Neuestes Mitglied: ndrsbhm.
Ausl. d. letzten Minute: 99%
Ausl. d. letzten 5 Minuten: 69%
Ausl. d. letzten 15 Minuten: 76%
Freier Webspace: 1.92 TB
PHP-Version: 7.4.6

Spenden

Partner
Mein Supportboard

MySQLDumper

Forum für Angehörige und Freunde von Krebspatienten

Wetter-Board

Make your Webserver

ABC-des Essens

IC-Netforum

ultimate-funultimate-fun

Steinadler-Bastelstübchen

Webseitenschutz

Werben

Viktor's Supportboard » Programmieren » HTML, XHTML, JavaScript und CSS » CSS - Browser-Problem » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen CSS - Browser-Problem
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
M*I*B   Zeige M*I*B auf Karte M*I*B ist männlich
wBB2-User


images/avatars/avatar-232.jpg

Zeige M*I*B auf Karte
Dabei seit: 19.11.2005
Beiträge: 149
0 Filebase-Einträge
Alter: 57 Jahre
Herkunft: Kalletal
wBB-Version: wBB2.3


Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 791.564
Nächster Level: 824.290

32.726 Erfahrungspunkt(e) für den nächsten Levelanstieg



CSS - Browser-Problem Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Hallo Kinnaz...

...kennt sich hier jemand mit CSS in Verbindung mit den diversen Browsern aus?

Ich verzweifle gerade an so'ner dummen X-Browser-Nummer...

Problem:
Der MSIE und Derivate setzt den z.B. "width:80px" korrekt um, Netscape, Firefox und Operad scheren sich einen Dreck drum.

Demo: http://cbx-forum.de/CSS Button-Test.html

Quelltext:

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:
<?xml version="1.0" encoding="windows-1252"?>
<HTML xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">
 <HEAD>
  <STYLE type="text/css">
   -->
   a.button {
    height: 20px;
    font-family:Verdana;
    font-size:11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    text-valign: bottom;
    background-Color: #0000FF;
    border-left: 3px solid #CCCCFF;
    border-top: 3px solid #CCCCFF;
    border-right: 3px solid #444488;
    border-bottom: 3px solid #444488;
   }

   a.button:hover {
    color: #000000;
    background-Color: #8888FF;
   }
   <!--
  </STYLE>
 </HEAD>
 <BODY>
  <BR /><BR />
  20 x 20 pixel<BR/>
   <A href="#" style="width: 20px;" class="button">&radic;</A>
   <A href="#" style="width: 20px;" class="button">&larr;</A>
   <A href="#" style="width: 20px;" class="button">&uarr;</A>
   <A href="#" style="width: 20px;" class="button">&rarr;</A>
   <A href="#" style="width: 20px;" class="button">&darr;</A>
  <BR /><BR />
  35 x 20 pixel<BR/>
   <A href="#" style="width: 35px;" class="button">MSN</A>
   <A href="#" style="width: 35px;" class="button">ICQ</A>
   <A href="#" style="width: 35px;" class="button">YIM</A>
   <A href="#" style="width: 35px;" class="button">AIM</A>
  <BR /><BR />
  80 x 20 pixel<BR/>
   <A href="#" style="width: 80px;" class="button">Optionen</A>
   <A href="#" style="width: 80px;" class="button">Anlagen</A>
   <A href="#" style="width: 80px;" class="button">Editor</A>
   <A href="#" style="width: 80px;" class="button">Vorschau</A>
  <BR /><BR />
  100 x 20 pixel<BR/>
   <A href="#" style="width: 100px;" class="button">Antworten</A>
   <A href="#" style="width: 100px;" class="button">Ändern</A>
   <A href="#" style="width: 100px;" class="button">Zitat</A>
   <A href="#" style="width: 100px;" class="button">Petzen</A>
  <BR /><BR />
  <FONT size="2">Alle Browser, jetzt ausser MSIE, scheinen die Angabe "width: xypx" vollkommen zu ignorieren.</FONT>
  <BR /><BR />
  <BR /><BR />
 </BODY>
</HTML>


...btw...: ich will's definitiv NICHT mit GRafiken und/oder Tabellen machen; das muss auch irgendwie mit CSS gehen...

Any Idea???

__________________
*_*_*_*_*_*
Immer schön rechts fahren und kein Geld verlieren ;o)

Gruss
Micha
02.12.2006 16:47 M*I*B ist offline E-Mail an M*I*B senden Homepage von M*I*B Beiträge von M*I*B suchen Nehmen Sie M*I*B in Ihre Freundesliste auf Germany
XundY
VGLizenz



Dabei seit: 05.11.2005
Beiträge: 192
0 Filebase-Einträge


Bewertung: 
4 Bewertung(en) - Durchschnitt: 7,25

Level: 37 [?]
Erfahrungspunkte: 1.022.796
Nächster Level: 1.209.937

187.141 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

width ist kein gültiges Attribut für ein <a>-Tag, Daher setzen das alle Browser bis auf den IE( wie sollte es anders sein) rEGELKONFORM UM UND STELLEN EIN <A>-tag Regelkonform dar und damit richtet sich die Weite nach dem inhalt.

das solltest du besser mit Textarea oder divs oder input-Feldern lösen

mfg
02.12.2006 19:43 XundY ist offline E-Mail an XundY senden Beiträge von XundY suchen Nehmen Sie XundY in Ihre Freundesliste auf European Union
knuddelchen27   Zeige knuddelchen27 auf Karte
Hackschreiber


images/avatars/avatar-15678.png

Zeige knuddelchen27 auf Karte
Dabei seit: 20.12.2004
Beiträge: 6.352
10 Filebase-Einträge

Herkunft: Leipzig
wBB-Version: wBB3.X
PHP-Version: 5.4.16
MySQL-Version: 5.5.32
Wo bist du gehostet?: eigner Server

Bewertung: 
56 Bewertung(en) - Durchschnitt: 7,43

Level: 58 [?]
Erfahrungspunkte: 35.869.066
Nächster Level: 41.283.177

5.414.111 Erfahrungspunkt(e) für den nächsten Levelanstieg



RE: CSS - Browser-Problem Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

huhu

hier mal 3 beispielseiten fröhlich fröhlich

http://www.drweb.de/csspraxis/hoverlinks_2.shtml
http://www.css4you.de/trickkiste/tr00025.html
http://www.netzwelt-kali.de/rechts/diesd.../css/rahmen.php

vielleicht hilft es dir weiter

__________________
Ich bin nicht gestört - ich bin verhaltensoriginell

02.12.2006 19:56 knuddelchen27 ist offline E-Mail an knuddelchen27 senden Beiträge von knuddelchen27 suchen Nehmen Sie knuddelchen27 in Ihre Freundesliste auf Germany
M*I*B   Zeige M*I*B auf Karte M*I*B ist männlich
wBB2-User


images/avatars/avatar-232.jpg

Zeige M*I*B auf Karte
Dabei seit: 19.11.2005
Beiträge: 149
0 Filebase-Einträge
Alter: 57 Jahre
Herkunft: Kalletal
wBB-Version: wBB2.3


Mitglied bewerten

Level: 35 [?]
Erfahrungspunkte: 791.564
Nächster Level: 824.290

32.726 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von M*I*B


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

... danke für den Tip und die Links ...

Da stand zwar nichts, was ich gebrauchen konnte, aber es hat mich auf die richtige Spur gebracht!

Das Geheimniss ist: style="display: table-cell;"

Dann würde ein Link so aussehen:

<A href="#" style="width: 100px; display: table-cell;" class="button">Antworten</A>

... oder aber, wenn man's sowieso überall braucht, im CSS-Block. Und siehe da: Alle Browser machens richtig *tattaaaa* Augenzwinkern

So, und nun stricke ich die ganzen Templates auf CSS-Buttons um: nie wieder Grafiken machen für die diversen Styles *freu*

Ich danke Euch Kinnaz; manchmal brauch ich halt nur einen Anschubser Augenzwinkern


EDIT:
Aber erstmal muss ich mich dran machen, das Menü unter Opera an's Laufen zu bringen... Da hatte ich auch schon mal im der JS-Usergroup nachgefragt, aber ausser dumme Sprüche von den Freaks dort habe ich da nicht dazu gelernt unglücklich

__________________
*_*_*_*_*_*
Immer schön rechts fahren und kein Geld verlieren ;o)

Gruss
Micha

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von M*I*B: 02.12.2006 23:48.

02.12.2006 23:11 M*I*B ist offline E-Mail an M*I*B senden Homepage von M*I*B Beiträge von M*I*B suchen Nehmen Sie M*I*B in Ihre Freundesliste auf Germany
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Viktor's Supportboard » Programmieren » HTML, XHTML, JavaScript und CSS » CSS - Browser-Problem

Impressum | Datenschutz | Fast-Index

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab® GmbH Design © Tine

Valid XHTML 1.0! Valid CSS! Die letzten Themen Die letzten Beiträge © für wbb2 by Bandy & cback.de Geblockte Angriffe: 29.566
Seo Sidemap Powert by 2Clubradio.de
Viktor's Supportboard, ist " Online " seit 16 Jahren, 295 Tage, 14 Stunden, 37 Minuten und 25 Sekunden