Kleine CSS Probleme

Computer: Software & Programmierung HTML & CSS
1

Hallo CSS-Experten!

Nach „vielen“ Jahren hab ich nun endlich beschlossen meine Webseite
http://geisterv2.geisterkarle.net/
von tables auf CSS umzustellen. So schonmal zur Vorwarnung: Ich mach das „Learning By Doing“, mit ein wenig selfhtml.org und vermutlich völlig verworren Styles usw. Sofern ihr da mal drüber hinweg sehen könnt (ist schliesslich meine private Webseite, da kann das kompelx sein, wie es will *g*) hier mein Problem:
Also ich hab so zum testen Opera 9.52, FF 3.0.1 und IE6 laufen und natürlich das Ziel, alles gleich angezeigt zu bekommen. Bisher hat das auch recht gut geklappt, bis auf das ein „zu großes“ Bild in meinen News beim IE6 ein wenig mein Hauptfenster verschiebt… naja, damit kann ich noch leben, IE ist halt so! Probleme hab ich aber mit meinen Links! Hier wird nämlich interessanterweise im IE und auch im Opera das ganze so dargestellt, wie ich haben will, im FF ist es völlig zerlegt!
http://geisterv2.geisterkarle.net/index.php?b=links&…
Hier mal mein aktueller CSS-Style für die Links (wie gesagt möchte ich euch den Blick in meine styles.css ersparen!):

div#links
{position:absolut; 
margin-left:auto; 
margin-right:auto; 
background-color:#FFFFFF; 
border-color:#ff7700; 
border-width:2px; 
border-style:solid; 
width:70%; 
text-align:right;}
span#links1
{position:absolut; 
padding:3px; 
text-align:left; 
float:left; 
width:30%;}
span#links2
{position:relative; 
padding:3px; 
text-align:right; 
width:auto;}

Das beschreibt eine Zeile, die s sollen so die zwei Spalten darstellen. Wie gesagt: Im IE und Opera sieht das korrekt aus, im FF ist es nicht annehmbar.
Wenn mir wer Tipps hat, wie ich das auch im FF gescheit angezeigt bekomme, wäre ich dankbar. Und ich wiederhole mich: Bitte nicht wegen etwaiger Coding-Mängel rumnörgeln; das ist mir schon bewusst! Es geht nur um dieses Problem!

grüßle
Geisterkarle

2

Am Rande
Hallo,

ohne jetzt auf dein Problem einzugehen, SELFHTML ist eine Referenz, aber kein Lehrwerk. Ich lege dir diesen Lehrgang (online kostenlos lesbar) ans Herz:

http://www.teialehrbuch.de/Kostenlose-Kurse/1752-HTM…

… den es für wenig Geld auch als Buch gibt.

Gruß

Stefan

3

Hallo Geisterkarle,

leider habe ich keine Zeit um deine Angaben zu prüfen, aber auf ersten Blick sticht dein Format position:absolut ins Auge :smile:

Das heißt absolut e. Manche Browser nehmen das einem übel, FF z.B. beachtet die Angabe meist gar nicht, wenn sie falsch geschrieben ist.

Mein Tipp, wenn du nicht weißt wie die Styles genau notiert werden:

http://www.css4you.de

und um Fehler zu entdecken:

http://jigsaw.w3.org/css-validator/

und für HTML:

http://validator.w3.org/

Und was IE und Firefox angeht: eigentlich kannst du davon ausgehen, dass FF deine Formate richtig darstellt, IE macht oft was er will, mit Glück genau das, was man auch möchte :wink:.

Gruß
Maja

4

Hallo Geisterkarle,

Hallo Maja!

Das heißt absolut e. Manche Browser nehmen
das einem übel, FF z.B. beachtet die Angabe meist gar nicht,
wenn sie falsch geschrieben ist.

Argl! Das sind mal wieder die klassischsten Fehler, die man machen kann… naja, musste eh auf „relative“ umschwenken, damit es nun funktioniert!

http://jigsaw.w3.org/css-validator/

Hm! Den Validator für CSS kannt ich noch gar nicht, nur den für HTML,

und für HTML:

http://validator.w3.org/

der mir meine üblichen 100 Fehler ausspuckt, weil ich mit PHP-Variablen-Übergabe arbeite und das HTML nicht blickt… naja!

Und was IE und Firefox angeht: eigentlich kannst du davon
ausgehen, dass FF deine Formate richtig darstellt, IE macht
oft was er will, mit Glück genau das, was man auch möchte :wink:.

Wie gesagt: Opera und IE waren gleich, FF hat was anderes angezeigt. Daher war ich auch verwundert! Aber wie oben erwähnt hab ich inzwischen die Löschung gefunden, musste mein float clearen! Auch so ganz klassisch: Muss nur drüber reden, plötzlich funktionierts *g*

Gruß
Maja

Grüßle und Danke
Geisterkarle