Opera und die Höhe eines relativen DIVs

[CoN]

Hallo Ihr,

also ich habe mal eine Test-Seite für unsere Band gemacht, vergleichsweise recht "grafisch" (was für ne Band ja nicht wirklich untypisch ist) und deshalb hat sie eine feste Größe...

Die Seite besteht aus einer Tabelle, darin liegen die ganzen Grafiken. Dazu kommen einige Bildertausch Funktionen mittels JavaScript und zu guter letzt soll in die Mitte ein DIV mit nem Scrollbalken (damit die Tabelle nicht zerschossen wird).

Soweit so gut, klappt im Firefox und im IE auch prima, leider gibs im Opera ein fast schon lächerliches grafisches Manko.

Ihr könnt Euch die Seite ja mal anschauen, bisher wie gesagt nur ein Test, CSS wird später auch ausgelagert usw. ...

Hier der Link: http://www.anotherwastedday.de/!umbau/test/index.html

Also entweder sehe ich den Wald vor lauter Bäumen nicht, oder ich ... ach weiß auch nicht...
Hatte im CSS Teil auch mal komplett ohne Margin und Padding gearbeitet... leider das gleiche Ergebnis.

Vielleicht kann/muss ich den CSS-Stil auch nicht Extra auf einen DIV machen, aber wie gesagt: Ich hab schon einiges probiert (leider nicht mit Erfolg ... und System :-)

Was habe ich verpasst?
Danke für die Hilfe, es grüßt der CoN.

[wahsaga]

hi,

Soweit so gut, klappt im Firefox und im IE auch prima, leider gibs im Opera ein fast schon lächerliches grafisches Manko.

scheint so lächerlich zu sein, dass mir im vergleich zwischen IE und opera nicht mal auffällt, was du meinst.

gruß,
wahsaga

[Con]

scheint so lächerlich zu sein, dass mir im vergleich zwischen IE und opera nicht mal auffällt, was du meinst.

Also hier mal ein Screenshot von der Seite aus meinem Opera:
http://www.anotherwastedday.de/!umbau/test/awd_opera.jpg

Wie gesagt benötigt das DIV mehr Platz als es sollte und schiebt so das Layout etwas auseinander... (vgl. die beiden Pfeile)
(Entschuldige die miese JPG Qualität, es soll ja nur als Hinweis dienen)

gruß,
wahsaga

Grüße vom CoN

[topfblume]

Moin ...
Was für eine Aufgabe haben denn die 1px hohen oder 6px bzw. 9px breiten <td>s in Deinem Quelltext?

Gruß

[CoN]

Was für eine Aufgabe haben denn die 1px hohen oder 6px bzw. 9px breiten <td>s in Deinem Quelltext?

Die habe ich nur dazugebaut, weil... gute Frage!
Also ich habe so verdammt lange an diesem Ding gewurschtelt, dass ich es nun leider nicht mehr weiß..?

Werde die Dinger mal rausnehmen, vielleicht sollte ich das Ganze auch einfach nochmal von vorne bauen... :-/

[topfblume]

moin ...

Dadrin hast Du ein spacer.gif eingebaut.

Ist das notwendig?

Gruß

[CoN]

Tach,

Dadrin hast Du ein spacer.gif eingebaut.
Ist das notwendig?

Also ich glaube ich hab das in der ersten Version eingebaut, damit die Tabellen auch brav ihre Breite behalten...
Ich baue die Seite gerade um, hab die in 10 Minuten hochgeladen, denke ich! :)

Grüße!

[CoN]

So,

habe die Seite mal eben umgebaut, zum einen sind es nun zwei Tabellen und zum anderen sind die spacer.gif Bilder draussen...

Hier der Link: http://www.anotherwastedday.de/!umbau/test/index2.html

Leider noch nicht besser..?
Grüße

[topfblume]

moin ...

mom

Gruß

[topfblume]

moin ...

Am einfachsten wäre es wenn die Geschichte etwas breiter sein darf.

Gruß

[CoN]

Tach!

Am einfachsten wäre es wenn die Geschichte etwas breiter sein darf.

Wie meinst Du das?
Wenn die ganze Seite breiter wäre, würde das doch auch nichts an meinem Problem ändern, oder?

Wenn ich z.B. das DIV "dünner" mache (also die Width von 311 auf 305 stelle) habe ich das Problem immer noch....

Habe gerade auch nochmal den HTML Code als auch den CSS Code validieren lassen, alles ok..?

Danke aber schonmal für die Tipps!
Es grüßt der, große-Fragezeichen-über-dem-Kopf, CoN.

[topfblume]

moin ... (ich noch mal)

Ich habe mal so aus langer Weile mal ein bischen daran rumgebastellt.
Ich habe es hinbekommen, nur habe ich gedacht ich bräuchte das mimot02.gif nicht. Shit . Nun fehlt der schwarze Rand.
Aber das geht sicherlich auch noch irgendwie ... Bis später ...
Screen habe ich mal an Deine Mail gefaxt

Gruß

[CoN]

Tach!

Ich habe mal so aus langer Weile mal ein bischen daran rumgebastellt.
Ich habe es hinbekommen, nur habe ich gedacht ich bräuchte das mimot02.gif nicht. Shit . Nun fehlt der schwarze Rand.
Aber das geht sicherlich auch noch irgendwie ... Bis später ...
Screen habe ich mal an Deine Mail gefaxt

Jau, alles angekommen, vielen Dank, ich schau mir das morgen (oder übermorgen) mal wieder an. Wahrscheinlich isses nur ne Kleinigkeit, die ich übersehen habe...

Aber auf jeden Fall vielen Dank für Deine Hilfe!
Grüße vom CoN.

[topfblume]

moin ...

jau ...

hier mein vorschlag
-----------------

<html>
<head>
<style type="text/css">
<!--
.blabla {
 background-color:#EAD38B;
 background-image:url(pic/mimot02.gif);
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:top;
 }
-->
</style>
</head>
<body bgcolor="#EAD38B">
<table cellpadding="0" cellspacing="0">

<tr>
<td class="blabla"><img src="pic/mimot01.gif"></td>

<td colspan="2" class="blabla" height="311px" width="311px">
<div style="height:300px; width:300px; overflow:auto;">
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br><br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br><br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br><br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br><br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br>
Hier steht der Inhalt...<br><br>
Hier steht der Inhalt...<br>
</div>
</td>

<td><img src="pic/mimot03.gif"></td>
</tr>
<tr>
<td rowspan="3"><img src="pic/mimot05.gif"></td>
<td><img src="pic/mimot06.gif" width="220px" height="33px"></td>
<td rowspan="3"><img src="pic/mimot07.gif"></td>
<td rowspan="3"><img src="pic/mimot08.gif"></td>
</tr>
<tr>
<td><img src="pic/navi_leer.gif" width="220px" height="46px"></td>

</tr>
<tr>
<td><img src="pic/mimot09.gif" width="220px" height="15px"></td>

</tr>
</table>
</body>
</html>

gruß

[topfblume]

moin...

ohne fixed, dann geid dat auch

gruß

[CoN]

Hi,

ohne fixed, dann geid dat auch

Super, vielen Dank!
Ich werds morgen nachmittag ausprobieren, jetzt erstmal schön pennen!

gruß

... und gute Nacht!

[CoN]

Tach!
Hat etwas länger gedauert, hatte erst jetzt Zeit es zu testen, ich hab das DIV nun kleiner gemacht, dann der Hintergrundtabelle die richtige Farbe gegeben und nun funktionierts....

(Selber URL wie vorhin, nur die index.html)
Werde nun mal weiterbauen :-)

Danke für die Hilfe und bis später!
CoN