Gegen Bilderklau - Das Original | Druckvorschau: Probleme mit Menü und CSS

Geschrieben von Kullakeeeks am 12.04.2009 um 15:03:

Probleme mit Menü und CSS

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

Geschrieben von victor am 14.04.2009 um 19:11:

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?

Geschrieben von Kullakeeeks am 14.04.2009 um 20:47:

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

Geschrieben von victor am 16.04.2009 um 00:22:

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?

Geschrieben von Kullakeeeks am 18.04.2009 um 18:40:

Danke ihr beiden...

Die Ecke erscheint im IE, im FF wird nur der CSS-Code nicht richtig gezeigt...

Geschrieben von victor am 19.04.2009 um 18:39:

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?

Geschrieben von Kullakeeeks am 19.04.2009 um 20:30:

Ich versteh das Validator-Ding überhaupt nicht... großes Grinsen

Geschrieben von victor am 22.04.2009 um 19:46:

Aaaalso, gehen wir die ersten mal durch großes Grinsen

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. ;-)