zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Optimierung für alle Browser

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.09.2004, 13:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2004
Beiträge: 18
villain befindet sich auf einem aufstrebenden Ast
Standard Optimierung für alle Browser

Hallo in die Runde,

ich möchte gerne meine Site für alle Browser optimieren, da die
Menüleiste und das Banner mit Datumsangabe nur im Slim Browser
und dem IE so wie ich mir das vorstelle, angezeigt werden.


Wie kann ich die style.css so ändern, das die menu.php in allen Browsern richtig dargestellt wird.
Habe mal einen Tipp bekommen mit dem Befehl display:
Kann ich aber leider nichts mit anfangen.

Hier die Site: http://www.drachenhoehle.biz

Danke für alle Tipps
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.09.2004, 14:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2004
Beiträge: 18
villain befindet sich auf einem aufstrebenden Ast
Standard

Hier mal die Validierung meiner CSS

http://jigsaw.w3.org/css-validator/v...usermedium=all
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.09.2004, 19:14
Benutzer
neuer user
 
Registriert seit: 14.09.2004
Beiträge: 58
Spider befindet sich auf einem aufstrebenden Ast
Standard

hm, als erstes solltest du vielleicht mal soweit an deiner css datei arbeiten, bis die validierung keine errors mehr ergibt, sowas ist eigentlich grundvorausetzung um eine seite an alle browser anpassen zu können
Mit Zitat antworten
  #4 (permalink)  
Alt 21.09.2004, 20:19
Benutzer
neuer user
 
Registriert seit: 15.09.2004
Beiträge: 35
paul123 befindet sich auf einem aufstrebenden Ast
Standard

@spider ist sicher nicht falsch, aber hat hier mit dem Problem denk ich mal nicht unbedningt viel zu tun... Aber falsch ist es nicht

@villain - display ist gut! http://www.css4you.de/trickkiste/tr00023.html hier ist genau das erklärt, was du brauchst. Und am einfachsten ist es, als Liste umzusetzen.


PS.: Weis nicht warum, aber auf deiner Seite wollte ich den Menüframe im FF mal mit der rechten Maustaste einzeln anzeigen... die ging da gar nicht... keine Ahnung woran das liegt. Andere Seiten funkt. problemlos
Mit Zitat antworten
  #5 (permalink)  
Alt 22.09.2004, 09:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2004
Beiträge: 18
villain befindet sich auf einem aufstrebenden Ast
Standard

Upps sorry, ich hatte mal so einen verrückten Typen mit an Board
der die Rechte Maus auf allen Seiten gesperrt hat. Habe die wieder freigegeben da ich so etwas total albern finde. Die Menu.php habe ich wohl übersehen. Mach ich gleich heute Abend. Wenn Du magst vielleicht nochmal so um 19 Uhr reinschauen.

Danke schon mal für die Tipps und Anregungen.

Gruß Marc
Mit Zitat antworten
  #6 (permalink)  
Alt 22.09.2004, 10:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2004
Beiträge: 18
villain befindet sich auf einem aufstrebenden Ast
Standard Hier mal meine aktuelle styles.css

@ thread

Hier mal meine aktuelle styles.css

BODY{
scrollbar-face-color:#F4FAFF;
scrollbar-arrow-color:#003362;
scrollbar-track-color:#F4FAFF;
scrollbar-shadow-color:#F4FAFF;
scrollbar-highlight-color:#003362;
scrollbar-3dlight-color:#F4FAFF;
scrollbar-darkshadow-Color:#003362;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
background-color: #F4FAFF;
}

TABLE {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-style : normal;
color : #003362;
font-size : 11px;
}

TD.menuheader {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #F4FAFF;
text-decoration: none; font-weight: bold;
width=100%;
background: #4978B0;
text-align: center;
border: 1px solid #003362; width: 100%;
}

.blocktext {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-style : normal;
color : #003362;
font-size : 11px;
text-align : justify;
}
.min {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-style : normal;
color : #003362;
font-size : 8px;
}
.pagetitle {
font: small-caps normal 12px Arial, Helvetica, sans-serif; color: #003362;
text-decoration: none;
font-style : normal; font-weight: normal;
border-top: 1px solid #FFCC66; width: 100%;
border-bottom: 1px solid #FFCC66; width: 100%;
}
.pageheader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #003362;
text-decoration: none;
font-style : normal; font-weight: normal;
border: 1px solid #003362;
background: #FFFFCC; width:100%;
padding-left: 5px;
}
.header {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFCC;
text-decoration: none;
font-style : normal; font-weight: bold;
border: 1px solid #003362;
background: #4978B0;
padding-left: 5px;
}
.motto {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003362;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: 12px;
}

a:active {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-style : normal;
color : #003362;
font-size : 11px;
}
a:link {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-style : normal;
color : #003362;
font-size: 11px;
}
a:visited {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-style : normal;
color : #003362;
font-size: 11px;
}
a:hover {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: underline;
font-style : normal;
color : #003362;
font-size: 11px;
}

a.menu:active {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003362; text-decoration: none; font-size: 10px;
width=100%; background: #FFFFCC;
}
a.menu:link {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003362; text-decoration: none; font-size: 10px;
width=100%; background: #FFFFCC;
}
a.menu:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003362; text-decoration: none; font-size: 10px;
width=100%; background: #FFFFCC;
}
a.menu:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003362; text-decoration: none; font-size: 10px;
width=100%; background: #B0DAFF;
}

a.menu1:active {
font: small-caps normal 12px Arial, Helvetica, sans-serif; color: #003362; text-decoration: none;
width=100%; background: #FFFFCC; padding-left:5px;
border-top: 1px solid #FFFF99;
border-left: 1px solid #FFFF99;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}
a.menu1:link {
font: small-caps normal 12px Arial, Helvetica, sans-serif; color: #003362; text-decoration: none;
width=100%; background: #FFFFCC; padding-left:5px;
border-top: 1px solid #FFFF99;
border-left: 1px solid #FFFF99;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}
a.menu1:visited {
font: small-caps normal 12px Arial, Helvetica, sans-serif; color: #003362; text-decoration: none;
width=100%; background: #FFFFCC; padding-left:5px;
border-top: 1px solid #FFFF99;
border-left: 1px solid #FFFF99;
border-right: 1px solid #FFCC33;
border-bottom: 1px solid #FFCC33;
}
a.menu1:hover {
font: small-caps normal 12px Arial, Helvetica, sans-serif; color: #003362; text-decoration: none;
width=100%; background: #E1F1FF; padding-left:5px;
border-top: 1px solid #003362;
border-left: 1px solid #003362;
border-right: 1px solid #B0DAFF;
border-bottom: 1px solid #B0DAFF;
}
.borderb {
border: 1px solid #003362;
}
.bordero {
border: 1px solid #FFCC00;
}
.hr {
color: #003362;
height: 1px;
}
.hro {
color: #FFCC00;
height: 1px;
}
.submit {
background: transparent;
border: 1px solid #4978B0;
text-align: center;
font: normal 10px Arial sans-serif; color: #003362;
cursor: hand; width: 260px;
}
.submit2 {
background: #F4FAFF;
border: 1px solid #FFCC00;
text-align: center;
font: normal 9px Arial sans-serif; color: #003362;
cursor: hand; width: 96px;
}
.reset {
background: transparent;
border: 1px solid #4978B0;
text-align: center;
font: normal 10px Arial sans-serif; color: #003362;
cursor: hand; width: 150px;
}
.input {
background: transparent;
border: 1px solid #4978B0;
text-align: left;
font: 10px Arial sans-serif; color: #003362;
width: 260px;
}
.input2 {
background: #F4FAFF;
border: 1px solid #FFCC00;
text-align: left;
font: 9px Arial sans-serif; color: #003362;
width: 250px;
}
.break {
background: transparent;
border: 1px solid #FFCC00;
text-align: left;
font: 10px Arial sans-serif; color: #003362;
}
.select {
background: #F4FAFF;
border: 1px solid #003362;
font: 10px Arial sans-serif; color: #003362;
width: 260px;
}
textarea {
background: transparent;
border: 1px solid #4978B0;
font: 11px Arial sans-serif; color: #003362;
width: 260px;
}
.code {
background: #FFFFCC;
border: 1px solid #FFCC00;
font: 12px Arial sans-serif; color: #003362;
width: 468px;
}

.echo {
background: transparent;
border: 0px solid #FFCC00;
text-align: left;
font: 10px Arial sans-serif; color: #003362;
width: 300px;
}


/* ----------- ALLGEMEIN FUER COMMENT start ----------------- */
.newslink {
color: #CC0000;
font: bold 11px Verdana, Arial;
text-decoration: none;
}

.newslink:hover {
font: bold 11px Verdana, Arial;
color: #FFCC00;
text-decoration: none;
}
.newslink:active {
font: bold 11px Verdana, Arial;
color: #003362;
text-decoration: none;
}

/*---------- Navigationstabellen im Newsarchiv ---------- */
.navtab {
border-spacing: 0;
border: 1px solid #003362;
border-collapse: collapse;
margin: 5px;
}

/* Navtabelle Navilink */
.ntc {
padding: 3px 3px 3px 3px;
font: bold 11px Verdana, Arial;
vertical-align: top;
color: #003362;
background-color: #FFFFCC;
border: 1px solid #FFCC00;
}

/* Tabellen Header */
.ntcu {
padding: 3px 3px 3px 3px;
font: bold 11px Verdana, Arial;
vertical-align: top;
color: #003362;
background-color: #F4FAFF;
border: 1px solid #003362;
}

/*---------- Tabellen allgemein ---------- */
.tabledes {
border-spacing: 0;
margin: 5px;
border-collapse: collapse;
border: 1px solid #003362;
}

/* Tabellen Header */
.tdt {
padding: 3px 3px 3px 3px;
font: bold 11px Verdana, Arial;
vertical-align: top;
color: #003362;
background-color: #F4FAFF;
border: 1px solid #003362;
}

/* Tabellen Inhalte */
.tdc {
padding: 5px 5px 5px 5px;
font: 11px Verdana, Arial;
vertical-align: top;
color: #003362;
background-color: #FFFFCC;
border: 1px solid #003362;
}

a:tdc {
font: bold 11px Verdana, Arial;
}

/* ---------- Formular CSS Anweisungen ------------*/
.button
{
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: bold;
color: #003362;
background-color: #F4FAFF;
border: 1px solid;
border-color: #003362;
width: 150px;
height: 20px;
}
/* Eingabefelder */
.mb
{
font-family: Verdana, Arial;
font-size: 11px;
color: #003362;
background-color: #FFFFCC;
border: 1px solid;
border-color: #003362;
width: 200px;
}
/* Textareas */
.mbt
{
font-family: Verdana, Arial;
font-size: 11px;
color: #003362;
background-color: #FFFFCC;
border: 1px solid;
border-color: #FFCC00;
width: 400px;
}
/* ----------- ALLGEMEIN FUER COMMENT end ----------------- */
Mit Zitat antworten
  #7 (permalink)  
Alt 22.09.2004, 18:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2004
Beiträge: 18
villain befindet sich auf einem aufstrebenden Ast
Standard

Menu.php ist freigegeben und die CSS habe ich auch schon etwas bearbeitet. Bitte mal die Netscape und Mozilla User unter Euch probieren wie es aussieht. Kritik bitte posten.

Hier der Link http://www.drachenhoehle.biz
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Erstellung einer Webseite - Support alter Browser ja oder nein? Elektroniker (X)HTML 5 09.10.2011 19:11
Browser an Link anhängen rs-web Serveradministration und serverseitige Scripte 1 26.03.2010 18:24
Iron Browser klootzak Offtopic 1 01.11.2008 00:41
Super Browser - Ein Browser alle Engines? tichy Ressourcen 6 17.04.2008 00:50
Problem mit Schriftgröße in Tabellen pospiech Knowledge Base 20 11.08.2005 00:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:24 Uhr.