Homepage: Firefox = HUI - Internetexplorer = PFUI - WARUM?

[Fishmasta]

Hi Leute,
guckt euch diese Seite bitte einmal im Firefox und einmal im IE an:
Wilkommen bei DS Krmer

So siehts bei mir aus:
Firefox:

IE:

Warum sieht die Darstellung im Firefox 1A aus und im IE aus wie sonst was?
Liegt das nur an den Einstellungen oder generell am IE?

Das Die Page noch nicht perfekt gecodet ist, weiß ich!
Ich möchte nun aber erstmal die Probleme mit der Darstellung beheben.

Ich hoffe ihr könnt mir helfen.

DANKE!

 

[htmltyp]

Hast du die Link Farben definiert? Vlt liegt es daran.

 

[Fishmasta]

die links sind in einer externen css-datei definiert:
navi {
font-family:"Times New Roman";
font-size:16pt;
font-weight:bold;
color:#ffffff;
text-align:center;
text-decoration:none;
vertical-align:middle;
}

navi:hover {
color :#00aeff;
}

auswahlbox {
font-family:"Times New Roman";
font-size:10pt;
font-weight:bold;
color:#ffffff;
text-align:center;
text-decoration:none;
vertical-align:middle;
margin-left:15px;
}

auswahlbox:hover {
color:#00aeff;
}

im html-doc selber ist nichts definiert.

 

[vitus37]

Nutze lieber existierende HTML-Elemente.

<navi> und <auswahlbox> gibt es nicht.

Soweit ich den IE in Erinnerung habe, erkennt er unbekannte Tags bei einem HTML4-Doctype als inhaltsleer. Der Inhalt des Tags lässt sich dann auch nicht in CSS ansprechen, schließlich ist es leer ;).

Du wirst nicht drum herumkommen, deinen HTML-Code zu validieren.

Gruß

 

[Fishmasta]

ja ok er zeigt mir an, dass die elemente navi und auswahlbox unbekannt sind.
wie kann ich diese denn initalisieren und deklarieren?

oder kann ich die entsprechenden links einfach mit <h1>,<h2>, usw. taggen und diese elemente dann im css-file definieren?

 

[Timmer]

Ich kann dir noch eine reset.css empfehlen (die gibts u.a. bei Google).

Diese hebt alle Browserstandards auf, wie Text- und Linkfarbe, Margin, Padding, usw.

Eine reset.css ist der Grundsatz eines jeden browserübergreifenden Layouts ;D

Edit: Um deine Frage noch zu beantworten: Benutze gültige HTML-Tags und selektiere diese in CSS mit IDs bzw. Klassen.

http://www.css4you.de/wscss/css03.html#id
http://www.css4you.de/wscss/css03.html#class

 

[Fishmasta]

das mit der restet.css habe ich nicht so ganz verstanden:
muss die einfach mit ins verzeichnis auf dem webspace reinkopiert werden oder muss ich im html-doc auch einen verweis auf diese einrichten?
dann kann ich aber keine 2. css-datei einbinden in der die styles dann definiert sind, oder?
oder kann ich die styles die ich benötige in die reset.css schreiben?

die page wurde jetzt auch halbwegs internetexplorer fähig eingerichet.
Wilkommen bei DS Krmer

Leider sind die Links noch unterstrichen obwohl ich die text-decoration im html-doc auf none gesetzt habe:

div {font-family:"Times New Roman";font-weight:bold;text-decoration:none;vertical-align:middle;}
div#navi
{
font-size:16pt;
color:#ffffff;
text-decoration:none;
text-align:center;
}
#navi:hover
{
font-size:16pt;
color:#00AEFF;
text-decoration:none;
text-align:center;
}

 

[Timmer]

Du kannst so viele CSS Dateien einbinden, wie du willst.

Hier bekommst du eine Reset.css: CSS Tools: Reset CSS

Eine Frage zu deiner Seite. Schreibst du die selbst oder benutzt du ein Programm? Der Code ist schrecklich...

 

[Cheffchen]

Hallo,

das liegt auch daran das der code an sich etwas komisch ist.
Menü ist eine Tabelle wo in jeder Zelle ein Link drin ist und im Link ist ein div mit den eigentlichen Inhalt das Links!?

Wieso. Also Menüs sind reine ul li Listen ohne Tabelle und divs drin.

dann kannst einfach den a tag ansprechen per css das der nicht unterstrichen ist.

#navi a {text-decoration:none}

Aber nicht schlim, die Seite ist schon um einiges besser als die alte, halt jetzt noch Tabelle in eimer hauen und mit css ordnung rein bringen, da freud sich google dann auch :O).

Cheffchen

@Timmer warst etwas schneller, yep

Schreibst du die selbst oder benutzt du ein Programm? Der Code ist schrecklich

 

[Fishmasta]

also ich glaub das mit der reset.css war keine gute idee
sobald das css file von Timmer eingebunden ist, zerschiessts mir die ganze struktur der page

http://www.dskraemer.de/test/mitresetcss.html

 

[Timmer]

Gut, bei deinem Codesalat würde ich die Reset.css entweder garnichtmehr einbinden oder komplett von vorne Anfangen, mit Reset.css

Wieso bindest du z.B. HTML Dateien als Objekte ein? Und das Tabellenlayout >_> Naja, ich will garnicht soviel rumnörgeln...

 

[Cheffchen]

HAllo,

ist klar weil du selber in deiner startsseite_css.css keine bzw. kaum angaben drin hast.
Jetzt rechts sich auch das Tabellen zeug.

Eigentlich geht man so vor:
-Leere html seite wo die reste eingebunden wird.
-jetzt progamiert man los und schaft Inhalt und überschreibt in einer anderen datei die reset sachen wie man das brauch und mach seine eigenen style, wie deine startseite_css.css. Bloss das die css für alle Seiten ist und nicht nur für startseite.
-wenn das design steht kopiert man die Seite und macht den richtigen inhalt oder packt die Seite in eine CMS rein.

Cheffchen