abstände angleichen

[soundso]

hallo.
auf der seite www.cl-trading.com sind im linken teil die abstände zwischen den einzelnen elementen je nach browser völlig verschieden. bei anderen teilen der seite tritt dieses problem nicht auf.
die css scheint auch völlig konform zu sein, der validator gibt nur eine warnung aus, die aber vermutlich nichts mit dem problem zu tun hat (Line : 0 font-family: You are encouraged to offer a generic family as a last alternative). ich weiß auch nicht wie ich es beheben könnte, da ich den fehler nicht verstehe.

wie man in der folgenden css sehen kann habe ich andere browserabhänige unterschiede halbwegs überwunden, aber dieses ist mir irgendwie noch ein rätsel. also, was muss ich ändern damit diese abstände überall gleich groß sind?

die css gibt es .

hier

moinsen,
ich könnt mir vorstellen, dass die verschiedenen browser jeweils auch verschieden auf die h1 elemente in deiner ul reagieren. scheint zwar umständlich, aber mach die ul mal vor jedem h1 zu und danach wieder auf. könnt mir vorstellen, dass das was bringt.

zum validator:
das ist deine definition

PHP-Code:

h2 {
    font-family:arial;
    font-size: 7pt;
    font-weight:normal; 


und so mit generischer font-familie

PHP-Code:

h2 {
    font-family:arial, sans-serif; 
    font-size: 7pt;
    font-weight:normal; 


[paul123]

Hi soundso *g*

Da ist mehreres im argen....
Am besten du schickst deine Seite mal durch den Validator http://www.validome.org/validate weil du einige auch grobe Fehler hast!
body ist mehrfach definiert !
keine li´s definiert, dafür nicht erlaubterweise hx in ul.
da du das als xhtml strict in der doctype angibst, sollten auch die schließenden tags rein, die fehlen manchmal.

huch, stimmt. habs mir nur mit "auswahlquelltext anzeigen" angeguckt.

[soundso]

vielen dank für eure antworten, werde mir die angesprochenen sachen gleich mal anschauen. das mit dem validen text ist bisher noch so eine sache, das meiste war aber auch nur provisorisch gedacht. so sind bisher nur die wenigen puren html seiten konform, bei dem großen rest sieht es noch nicht so gut aus.

meinst du mit dem mehrfach definierten body diese beiden?

html>body #root {
width:736px;
}
html>body #main {
    width:553px;
}

nope, schau dir mal in ruhe dein html an.

[Terry]

Sei mal froh, dass der Server Dein XHTML als HTML verschickt und nicht als XHTML - sonst könnte man nichts sehen - dann käme nur parse-error! Bei HTML sind Browser fehlertolanter

Warum verwendest Du überhaupt XHTML, wenn Du es doch als HTML (mit dann falscher Syntax) ausliefern willst?

Du schließt den </body> und </html> zweimal, dann wie gesagt die Fehler in den Listen.
Erst validieren und alle 49 html-Fehler beseitigen - dann kann man an der CSS drehen - vorher nicht! http://validator.w3.org/check?verbos...l-trading.com/

[soundso]

danke für deine hilfe.

ich weiß das es noch einige grobe fehler gibt, die aber hoffentlich in absehbarer zeit verschwinden werden. validome gibt jetzt noch 20 meldungen aus, wovon ich die meisten aber nicht nachvollziehen kann. zwischendurch waren es "nur" noch 18, die lösung hat aber einiges verschoben.

20 ist zwar noch eine menge, aber die ersten 12 beziehen sich alle auf eine stelle wo eine swf eingebunden wird. warum sind die angaben im embed tag fehl am platz, müssen die nun auch in der css festgelegt werden?
gilt das gleiche für maxlenght in input?

die anderen beiden meldungen die sich auf input beziehen hatte ich schon "gelöst", aber in einem div wurde alles falsch dargstellt.

[Terry]

Flash valide in XHTML einbinden (denn embed ist nicht mehr erlaubt!): http://www.dodabo.de/html+css/flashsatay/

Was ist an den anderen Fehlermeldungen schwer zu verstehen?
Es steht doch genau dabei, was erlaubt ist und was nicht in XHTML strict! Die meisten Sachen mußt Du einfach nur in CSS definieren, weil es zum Layout gehört und nicht zum Inhalt.
Und eine id darf halt immer nur einmal auf einer Seite vorkommen.

[soundso]

nach validom und w3c ist der text nun konform.
jetzt steht noch das andere problem an.

[Terry]

Zitat von soundso

nach validom und w3c ist der text nun konform.

Gut gemacht.

jetzt steht noch das andere problem an.

Setz mal als erstes
h1, h2, h3, p {margin:0; padding:0} und definier dann die Abstände nach oben und unten neu - dann halten sich alle Browser dran - die Default-Werte sind aber unterschiedlich, daher die verschiedenen Abstände.

[soundso]

das problem ist anscheinend gelöst, der größte fehler war eigentlich, dass ich auch in diesem bereich auf white-space:pre gesetzt habe, was hier natürlich völlig fehl am platz war. jetzt sieht das ganze im ie und firefox gleich aus, andere browser habe ich noch nicht getestet. die seite scheint doch noch irgendwann vollendet zu werden.

vielen dank für alle antworten.