XHTMLforum - Opera-Problem: Text (Link) eingerückt

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Opera-Problem: Text (Link) eingerückt (http://xhtmlforum.de/showthread.php?t=37946)

Volker

15.12.2005 16:32

Opera-Problem: Text (Link) eingerückt

Hallo, ich habe bereits einige Fragen mit Hilfe des Forums als
"Mitleser" gelöst, danke dafür. Ich habe hier ein seltsames
Phänomen, vielleicht weiß jemad, was das ist:

Opera rückt mir das hier ein (blauer Pfeil):

http://www.elbinsel.net/news/bilder/xhtmlforum_einrueck

So sieht mein css aus:

http://www.elbinsel.net/news/wp-cont...mini/style.css

das ist der anfang des menues:

Code:







<div id="menu">





<div id="nav">









<ul>

<?php if (function_exists('wp_theme_switcher')) { ?>[*]<h4 style="margin-bottom:14px;">Themes</h4>

        <?php wp_theme_switcher('dropdown'); ?>

  

<?php } ?>



<?php if (function_exists('WeatherIcon')) : ?>



<li class="weather">

<h4 style="margin-bottom: -4px; margin-top:10px;">Hafen-Wetter</h4>

<ul><?php WeatherIcon('KLFK'); ?>[/list]<div id="gez">Gezeiten-Vorhersage</div>



<?php endif; ?>

Safari, FF und ie stellen den Link linksbündig dar.

viele Grüße, Volker

IChao

16.12.2005 01:27

Volker, darf ich auch dich bitten, eine URL zu einer Seite zu posten, die das Problem wiedergibt, wenn ich meinen Opera dahinbemühe?

Generier deine Seite bei dir lokal und schieb einfach eine statische Seite irgendwo hin.

Volker

16.12.2005 05:16

Hallo, die url ist

www.elbinsel.net/news

gruß, volker

IChao

16.12.2005 09:09

Danke.

Opera8 freut sich nicht über

Code:

<body>

  <div align="center">

     <div id="farouter">

Nimm das komplette <div align="center"> heraus aus deiner Seite. Zentrier lieber mit

Code:

#farouter { ...

        margin: 20px auto;

body hat schon text-align:center, deswegen spiel IEWin auch mit.

--------

Im IE-Mac5.2.3 werden all deine Hintergrundgrafiken nicht dargestellt. Wie ich gerade lerne (bin noch ganz neu auf dem Mac), musst du statt url('...') hier url("...") notieren.

http://l-c-n.com/IE5tests/hiding/#anlin
weiß es

---------
Ed: ansprechende Seite, deine Elbinsel, btw.

Volker

16.12.2005 13:16

Hallo, leider versteh ich alles nur halb, da ich noch
ziemlich am Anfang bin.

Zitat:

Code:

<body>

  <div align="center">

     <div id="farouter">

wo hast Du das denn gesehen?
Ich dachte es würde um die Sidebar gehen?
da find ich kein "body"

Zitat:

Code:

#farouter { ...

        margin: 20px auto;

hmmm, was genau zentriert dabei?

Zitat:

body hat schon text-align:center, deswegen spiel IEWin auch mit.

--------

Zitat:

Im IE-Mac5.2.3 werden all deine Hintergrundgrafiken nicht dargestellt. Wie ich gerade lerne (bin noch ganz neu auf dem Mac), musst du statt url('...') hier url("...") notieren.

heißt das, einfach alle ' in " umändern? oder brauch ich einen von diesen
browserhacks? benutzen mac-user den ie5? und warum nicht ie6?

sorry für meine fragerei :) gruß, v.

IChao

16.12.2005 17:18

Es geht klar um die Sidebar. Aber der bezeichnete Div mit align center löst nun einmal den Fehler im Opera8 aus. Wenn du auf den Code deiner Seite keinen Zugriff hast, kannst du ihn dir trotzdem angucken: Geh mit dem Firefox auf deine Seite, wähle Ansicht|Quelltext (View|Page Source), und sage bei Edit suche nach body: findest du die Stelle?

Ed: Du arbeitest mit WordPress, ich nicht. Wenn es in WordPress schwierig ist, auf diesen div zuzugreifen, kann dir sicher jemand anderes im Forum helfen.

Deine zweite Frage nach den Änderungen für IEMac: Ja, Mac zeigt deine Hintergrundbilder nicht an, solange da einfache Anführungen stehen. Kein sachönes Bild im Kopf der Seite, keine Listenmarker in der rechten Sidebar. Hast du Zugriff auf das CSS? Dann per Suchen und Ersetzen ändern.

Bitte frag einfach noch einmal, wenn etwas unklar bleibt. Ich habe deine Seite heruntergeladen, arbeite also an einer statischen Kopie. Mit den erwähnten Änderungen zeigt es IEMac und Opera8 wie gewünscht.

derdiedas

16.12.2005 17:31

Zitat:

Zitat von IChao

Im IE-Mac5.2.3 werden all deine Hintergrundgrafiken nicht dargestellt. Wie ich gerade lerne (bin noch ganz neu auf dem Mac), musst du statt url('...') hier url("...") notieren.

hm, warum überhaupt mit Anführungszeichen?

Code:

background: #fff url(...) no-repeat;

IChao

17.12.2005 00:22

Ich kann dir deine Frage nicht beantworten.

IChao

17.12.2005 07:01

Zitat:

Zitat von derdiedas

hm, warum überhaupt mit Anführungszeichen?

Kann jemand die Frage beantworten? Wüsste ich auch gern. Die Spezifikation sagt ja
http://www.w3.org/TR/CSS21/syndata.html#uri

Zitat:

body { background: url("http://www.example.com/pinkish.png") }

The format of a URI value is 'url(' followed by optional whitespace followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional whitespace followed by ')'. The two quote characters must be the same.

Wenn es also egal ist, ob mit oder ohne (und es zudem Ärger gibt im IEMAc mit einem single quote), warum wird es dann überhaupt mal eingesetzt? Alte Browser? NN4.7?

Alle Zeitangaben in WEZ +2. Es ist jetzt 15:48 Uhr.