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

Hier mal die Validierung meiner CSS

http://jigsaw.w3.org/css-validator/v...usermedium=all

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

@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 :x

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

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 ----------------- */

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