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
.