[groovyfunky]

Hallo

Bin neu hier, und habe gleich meine erste Frage und eine Bitte. Das, was jetzt folgt, ist ausdruecklich KEINE Werbung. Ich habe nunmal eine Homepage und brauche Hilfe. Oft wird dieses Fragen als Werbung und Spammen angesehen, was ich aber keinesfalls bezwecken moechte.

Nun meine Frage:

Hier erstmal die Beispielseite, anhand der ich mein Problem erklaeren moechte: http://www.geld-mine.de/geld_verdien...werbemails.php

Wenn ihr jetzt weiter nacht unten scrollt, werdet ihr z.B. mit dem Mozilla Firefox schnell feststellen, dass sich 2 Ebenen ueberlagern. Im Internetexplorer funktioniert das komischerweise.

Habe auch schon auf http://www.css4you.de/clear.html gesucht, aber der CLEAR Befehl sollte Mozilla eigentlich unterstuetzen.
Vielleicht liegt es ja gar nicht an diesem Befehl...ich weiß es nicht! Darum dachte ich, ihr koennt mir helfen. Bin schon am verzweifeln

[Floele]

Hm, also deine Seite ist ja recht verhunzt...wenn ich schon sehe dass irgendwie alles in einem Überschrift-Element drin ist... naja, also hier mal das korrigierte Stylesheet (d.h. die style-tags wurden entfernt, die Höhe von realcontent entfernt und clear auf den richtigen Wert gesetzt. Soll ja nicht heißen dass man da nicht noch viel mehr korrigieren könnte).

body                    {font-family: Verdana; font-size: 8pt; background-color: white;}

h1                      {font-family: Verdana; font-size:  16pt; color: black;}
h2                      {font-family: Verdana; font-size:  8pt; color: black; clear: both;}
h3                      {font-family: Verdana; font-size:  7pt; color: black;}
h4                      {font-family: Verdana; font-size:  6pt; color: black;}
h5                      {font-family: Verdana; font-size:  5pt; color: black;}

.hochgestellt           {vertical-align: top; font-weight: bold;}
.middle                 {vertical-align: top;}

.big                    {font-family: Verdana; font-size: 30pt; color: black; font-weight: bold;}
.small                  {font-family: Verdana; font-size: 8pt; color: black; font-weight: bold; vertical-align: top;}

i                       {font-style: normal;}
u                       {text-decoration: none;}
b                       {font-weight: normal;}

.bold                   {font-weight: bold;}


.menue_links            {width:14%; float: left; font-family: Verdana; font-size: 8pt; clear:right; margin-bottom: 20px;}
.menue_rechts           {width:14%; float:right; font-family: Verdana; font-size: 8pt; margin-bottom: 20px;}
.content                {width:66%; float: left; font-family: Verdana; font-size: 8pt; margin-left:3%; margin-bottom: 20px;}

.head_rechts, .head_links, .logo
                        {font-family: Verdana; border:0px solid gray; padding:10px;                                                                   background-color: #D9D9D9; height: 60px; text-align: center;}

.head_rechts, .head_links
                        {font-size:38pt; color:black; vertical-align:bottom;}

.content_real           {padding: 5px; font-family: Verdana; font-size: 8pt; border: 0px solid gray;                           text-align: justify;}

.unter_ueberschrift     {border: 0px solid gray; background-color: #DCAB69; font-weight:bold; padding:5px;}

.alternative_keywords   {padding:5px; border: 0px solid gray; background-color:#EFEFEF; font-family:Verdana; font-size: 8pt;                           text-align: center; clear: both;}


td, tr                  {font-family: Verdana; font-size: 8pt; color: black;}


.menue                  {text-decoration: none; color: orange; font-family:Verdana; font-size:8pt; display:block;                                      border-bottom:0px solid gray; border-right:0px solid gray;border-left:0px solid gray;                                         background-color: #EFEFEF; padding: 5px;}


.menue:hover            {text-decoration:none; background-color:black; background-color:white;}

.menue_ueberschrift     {display:block; border:0px solid gray; background-color:#DCAB69;font-weight:bold; padding:5px;}


.an                     {font-family: Verdana; font-size: 8pt; text-decoration: underline; color: black;}
.an:hover               {font-family: Verdana; font-size: 8pt; text-decoration: none; color: black;}

.ap, .at                {font-family: Verdana; font-size: 7pt; text-decoration: none;}
.ap:hover, .at:hover    {font-family: Verdana; font-size: 7pt; text-decoration: none;}

.ap, .ap:hover          {color: #DCAB69;}
.at, .at:hover          {color: orange;}


input                   {font-family: verdana; font-size: 8pt;}
textarea                {font-family: verdana; font-size: 8pt;}


.pfeil                  {color: orange; font-weight: bold; font-family: Verdana; font-size: 8pt;}

.fn                     {font-family: Verdana; font-size: 8pt; text-align: justify;}

.links                  {float: left; font-family: Verdana; font-size: 8pt;}
.rechts                 {float:right; font-family: Verdana; font-size: 8pt;}

.an                     {font-family: Verdana; font-size: 8pt; text-decoration: underline;}
.an:hover               {font-family: Verdana; font-size: 8pt; text-decoration: none;}

[groovyfunky]

wenn ich die CSS datei durch meine ersetzen wuerde, wuerde das also auch im internetexplorer gehn?

und was wuerdest du denn noch verbessern ?

[nicmare]

ich würde lieber deine durch diese hier ersetzen

[groovyfunky]

so mein ichs ja ^^

also dass ich MEINE durch DEINE ersetze..so rum
geht das dann ?
und was hast du eigentlich verändert?

und was kann ich noch verbessern?

[Floele]

Es müsste auch im IE gehen, da kann ich es aber leider nicht so leicht testen wie im Firefox.
Was man noch optimieren kann? Sehr viel. Zum Beispiel brauchst du die Font-family nur einmal für body angeben, dort lassen sich Schriftgröße und Schriftart auch zusammenfassen:

font:8em Verdana,sans-serif;

Die generische Alternativschriftart fehlt bei dir auch. Außerdem sollte man Schriftgrößen besser in em angeben, pt eignet sich nicht so sonderlich (davon abgesehen dass es keine relative Einheit ist).

Vor allem: Was soll das?

i                       {font-style: normal;}
u                       {text-decoration: none;}
b                       {font-weight: normal;}

Warum willst du das Element "u" benutzen, welches ausschließlich einen visuellen Effekt (keinen semantischen) hat (nämlich Unterstreichung), wenn du genau diese Eigenschaft vom Element entfernst? (das gleiche gilt für die anderen Elemente)
Stattdessen deklarierst du dann deine eigene Klasse .bold. Seeehr sinnvoll.

Außerdem könntest du dich auch mal um deine 185 Fehler im HTML Code kümmern.

[groovyfunky]

1. wenn ich das alles in den body mit reinnehme, dann funktioniert das bei mir nicht

2. viele der 185 fehler sind doch "falsch fehler", also fehler, die keine sind, oder?

zum beispiel der hier:
"#Line 772, column 126: entity was defined here

...igen+von+Werbemails&btnG=Google-Suche&meta=" target="_blank" class="at">Geld "

da is nichts falsch ^^

3. was is denn daran so schlimm...wird doch richtig angezeigt

[groovyfunky]

und anmerkung

mit dem neuen code gehts auch nich :/ trotzdem danke...

[dexter]

Zitat von groovyfunky

2. viele der 185 fehler sind doch "falsch fehler", also fehler, die keine sind, oder?

zum beispiel der hier:
"#Line 772, column 126: entity was defined here

Was bitte ist:

&btnG

?

[Boris]

"Falsch" daran ist, dass man in der URL auch die & im Code als &amp schreiben muss

Und mal abgesehen, dass "clear" kein Befehl ist (CSS ist keine Programmiersprache), gibts hier ein paar nette Links rund um floats und clear.