Kullakeeeks
Ich habe zwei Probleme:
1. Im FF wird der CSS-Code nur halb angezeigt, im IE allerdings richtig...
Hier mal der Code:
body, tr, td
{
color:#000000;
font-family: verdana;
font-size: 7pt;
}
a:link
{
COLOR:#899785;
font-family: verdana;
font-size: 6pt;
text-decoration: none;
text-transform:uppercase;
cursor:crosshair;
}
a:visited
{
COLOR:#899785;
font-family: verdana;
font-size: 6pt;
text-decoration: none;
text-transform:uppercase;
cursor:crosshair;
}
a:active
{
COLOR:#788369;
font-family: verdana;
font-size: 6pt;
text-transform:uppercase;
text-decoration: none;
cursor:crosshair;
}
a:hover
{
COLOR:#525B4F;
font-family: verdana;
font-size: 6pt;
text-transform:uppercase;
text-decoration: none;
cursor:crosshair
}
.hervor
{
font-family: verdana;
font-size: 7pt;
text-align: center;
font-weight: bold;
}
.normal
{
font-family: verdana;
font-size: 7pt;
text-align: center;
color: #000000;
}
textarea, select
{
font-family: verdana;
font-size: 7pt;
text-align: center;
color : #000000;
border-collapse: collapse;
bordercolor: #899785;
border: 1px solid #66532F;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
input, select
{
font-family: verdana;
font-size: 7pt;
text-align: center;
color : #000000;
border-collapse: collapse;
bordercolor: #D2D3D5;
border: 1px solid #899785;
border-top-width: 1px;
border-right-width: 1px;
}
border-bottom-width: 1px;
border-left-width: 1px;
}
b
{
COLOR:#899785;
font-weight: bold;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;
}
i
{
color:#C98B9C;
letter-spacing:0px;
}
u
{
color: #000000;
text-decoration: underlined 1pt solid;
}
2. Im IE sieht man beim Untermenü, wenn man auf Home klickt eine weiße Ecke. Hier der Code dazu:
Das Layout...
| 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:
|
<html>
<head>
<title>Fanlisting || Come together everybody...</title>
<link rel="stylesheet" href="http://sc-fanlisting.bplaced.net/style.css" type="text/css">
</head>
<body style="background-image:url(http://img12.myimg.de/layweiteraee53.png)">
<div style="position: absolute; left: 0px; top: 0px; width: 1024px;">
<img src="http://i40.tinypic.com/15oez9s.png" border="0">
</div>
<div style="position: absolute; left: 160px; top: 570px; width: 665px; height: 50px">
<iframe name="untermenu" width="665px" height="50px" src="http://sc-fanlisting.bplaced.net/untermenu.html" frameborder="0" scrolling="no" align="top left" allowtransparency="true"
;> </iframe> </div>
<div style="position: absolute; left: 171px; top: 620px; width: 655px;">
<iframe name="main" width="650px" height="550px" src="http://sc-fanlisting.bplaced.net/index.html" frameborder="0" scrolling="auto" align="top left" allowtransparency="true"
;> </iframe> </div>
<div style="position: absolute; left: 0px; top: 0px;">
<map name="fanlisting">
<area shape=rect coords="294,538,346,553" href="http://sc-fanlisting.bplaced.net/index.html" target="main"></area>
<area shape=rect coords="358,538,478,553" href="http://sc-fanlisting.bplaced.net/fanlisting01.html" target="untermenu"></area>
<area shape=rect coords="490,538,607,553" href="http://sc-fanlisting.bplaced.net/anmeldung.html" target="untermenu"></area>
<area shape=rect coords="619,538,735,553" href="http://sc-fanlisting.bplaced.net/impressum.html" target="untermenu"></area>
<img src="http://img12.myimg.de/15oez9ssa7cf0.png" usemap="#fanlisting" border="0">
</map>
</div>
</body>
</html>
|
|
und der für die Home-Seite
| 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:
|
<html>
<head>
<link rel="stylesheet" href="http://sc-fanlisting.bplaced.net/style.css" type="text/css">
</head>
<body>
<center>
Herzlich Willkommen im <i>sarah Connor</i> Fanlisting!<br>
Du bist ein <i>Sarah Connor Fan</i> und willst dich mit anderen Fans treffen<br>
und dich mit ihnen über den neusten <b>Klatsch und Tratsch</b> austauschen?<br>
Dann bist du hier genau richtig, denn hier findest du Fans, die ganz in deiner Nähe<br>
wohnen.<br>
Trag dich einfach in die Liste ein und schon kann dich jeder <i>Sarah Connor Fan</i><br>
aus deiner Umgebung kontaktieren.<p>
Wir wünschen dir viel Spaß!!<p><p><p><p><p><p><p><p>
<table id="table2" style="border-collapse: collapse; margin: 0pt" border="0" width="40%" bordercolor="#000000" cellpadding="1" cellspacing="1" height="100">
<tbody style="margin: 1pt;">
<tr style="margin: 1pt;">
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Baden-Württemberg</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Bayern</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td>
</tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Berlin</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Brandenburg</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Bremen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Hamburg</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Hessen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Mecklenburg-Vorpommern</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td>
</tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="leftr" height="10" width="70%">Niedersachsen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Nordrhein-Westfalen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>3</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Rheinland-Pfalz</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td>
</tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Saarland</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Sachsen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Sachsen-Anhalt</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Schleswig-Holstein</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Thüringen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Österreich</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Schweiz</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="70%">gesamt</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>3</b> Fans</td>
</tr>
</table><p>
<b>Updates:</b><br>
<i>Datum:</i> Text<br>
</center>
</body>
</html>
|
|
Was ist da falsch??
LG
Kullakeeeks
P.S.: Hier noch der Link der Seite:
http://sc-fanlisting.bplaced.net/layout03.html
victor
Ist das Problem noch aktuell? Hab gerade auf deine Seite geschaut und verstehe nicht ganz, was du machen willst. Formal sind Fehler in deinem Code (jag den mal durch den
Validator, dann findest du die ganz schnell ^^ ), aber wahrscheinlich ist das eher ein semantisches Problem?
Kullakeeeks
Ja, ist noch aktuell...
Das Problem ist, dass ich den Code bei den Seiten, die sich im Untermenü öffnen anders habe und da bei der Home-Seite ja kei Untermenü ist, ist da halt diese Ecke...
LG
victor
Du machst die Klammer für input und select auch zweimal zu. Aber für syntaktische (also formale) Fehler, fütter das echt mal durch den Validator, der findet sowas besser als wir. ^^
Ich sehe mit Firefox das keine "Ecke"? Welchen Browser benutzt du genau?
Kullakeeeks
Danke ihr beiden...
Die Ecke erscheint im IE, im FF wird nur der CSS-Code nicht richtig gezeigt...
victor
Aaah, okay, so langsam verstehe ich, was du meinst. Damit gehen wir jetzt wahrscheinlich in die Tiefen der HTML-/CSS-Interpretation der verschiedenen Browser. Lass uns da aber dann doch auf einer standardkonformen Basis ansetzen. Im Moment ist deine Website ungültiges HTML (
Validator-Ergebnis) und ungültiges CSS (
nochmal Validator-Ergebnis). Lass uns das erstmal korrigieren. Kommst du mit der Ausgabe vom Validator zurecht oder brauchst du Hilfe?
Kullakeeeks
Ich versteh das Validator-Ding überhaupt nicht...
victor
Aaaalso, gehen wir die ersten mal durch
Die erste Fehlermeldung sagt dir, dass du dich entscheiden musst, welche Version von HTML du denn machst. ^^ Für deinen Code scheint mir HTML 4.01 Transitional eine gute Basis zu sein. Also schreib an den Anfang jeder deiner HTML-Dateien (oder besser noch, nimm es in ein zentrales PHP-Include auf):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Zweite Fehlermeldung: Jeder <img>-Tag braucht ein Attribut alt mit einer Zusammenfassung des Inhaltes des Bilder (oder ein leeres alt-Attribut, um zu zeigen, dass ein Bild keinen relevanten Inhalt hat, also nur dem Design dient). z.B.: <img src="header.jpg" width="100" height="100" alt="Willkommen beim Kullakeeks">
Die dritte Fehlermeldung besagt, dass es align="top left" in standardkonformem HTML nicht gibt. Allgemein gehören align-Geschichten auch eher ins CSS.
Das ist so die Struktur davon. Versuch mal, das damit zu verstehen. Und wenn nicht, frag nochmal. ;-)