Ich möchte meine Seite gerne Komplett auf CSS umstellen, weil ich sie xhtml strict valid machen möchte. Jedoch scheitere ich an ein paar Angaben:

Ich habe das hier:

Code :

1	<table width="700" border="0" cellspacing="0" cellpadding="0" height="80%" background="grafik/inhalt_mitte.gif">

in das umgewandelt:

Code :

1	<table style="width:700px; border:0px; border-spacing:0px; border-collapse:0px; height:80%; background-image:url(grafik/inhalt_mitte.gif);>

Doch dannach ist die Seite ganz schön immer eimer, weil da irgendwas nicht stimmt. Ich denke man kann width="700" nicht in 700px umwandeln aber ich wusste nicht welche Einheit ich angeben sollte, weil man das bei html noch nicht brauchte.

Doch dannach ist die Seite ganz schön immer eimer,

WAs stimmt denn nicht ? ? ?

Übrigens ist die Einheit von 700 in html = Pixel

http://home.tiscali.de/alexspace/vorher.gif
http://home.tiscali.de/alexspace/nachher.gif

Beim vorher sind auch einige Sachen nicht mehr richtig, da einige Tags nicht mehr genommen werden wegen dem xml Parser.

700px ist also gleich die 700 Angabe von html?

setz mal beide Teilbilder in <div>-tags (jeweils ein Bild in ein div-tag)

Dem ersten Div-tag gibst du style="float: left;"
dem zweiten gibst du style="clear: left;"

Müsste - tuts zumindest bei anderen.

Woher ich das weiß? ==>

Die korrekte Darstellung des CSS setzt auch valides HTML voraus:
&nbsp;&rsaquo;&rsaquo;&nbsp;The W3C Markup Validation Service