| Autor |
Nachricht |
hinsen2k
Threadersteller
Dabei seit: 17.09.2007
Ort: -
Alter: 47
Geschlecht: 
|
Verfasst Mo 17.09.2007 23:33
Titel Firefox und IE behaken sich - wegen einem DIV - wieso? |
  |
|
Hallo zusammen,
ich versuche mich nun schon den ganzen Abend an einem DIV-Tag. Ich habe folgende Tabelle, in der ein DIV Tage mir hilft, den Content der einen Zelle mit Scrollbalken zu versehen.
Im IE ist der folgende Code einwandfrei. Im Firefox verschiebt sich die Tabelle allerdings um ca. 20 Pixel nach rechts und dann auch noch in der Höhe!
| Code: | <table id="Tabelle_01" width="760" border="0" cellspacing="0" cellpadding="0" height="617">
<tr>
<td rowspan="2"><a href="http://www.nochnicht.de"><img src="templates/images/logo1.jpg" alt="" height="113" width="109" border="0"></a></td>
<td rowspan="2"><img src="templates/images/logo2.jpg" alt="" height="113" width="70"></td>
<td width="560"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="90" width="581">
<param name="movie" value="templates/flash/banner.swf">
<param name="quality" value="best">
<param name="play" value="true">
<param name="wmode" value="transparent" />
<embed height="90" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" src="templates/flash/banner.swf" type="application/x-shockwave-flash" width="581" quality="best" play="true">
</object></td>
</tr>
<tr>
<td width="560"><img src="templates/images/trenner_blau.jpg" alt="" height="23" width="581"></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=49"
onmouseover="tausch1.src='templates/images/button1_over.jpg';"
onmouseout="tausch1.src='templates/images/button1_normal.jpg';"></a>
<img src="templates/images/button1_normal.jpg" align="top" border="0" width="109"height="19" name="tausch1"></td>
<td rowspan="12"><img src="templates/images/navi_rechts.jpg" alt="" height="457" width="70" align="top"></td>
<td rowspan="12" bgcolor="#f5ebc8" width="581">
<div style="width:560px; height:437; overflow:auto; background-image: url(templates/image/hg-bild.jpg); background-color:#F5EBC8; border-right-style:solid; border-width:1px;padding:10px">
<jdoc:include type="component" style="-1" /></div></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=50"
onmouseover="tausch2.src='templates/images/button2_over.jpg';"
onmouseout="tausch2.src='templates/images/button2_normal.jpg';">
<img src="templates/images/button2_normal.jpg" align="top" border="0" width="109"height="21" name="tausch2"></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=51"
onmouseover="tausch3.src='templates/images/button3_over.jpg';"
onmouseout="tausch3.src='templates/images/button3_normal.jpg';">
<img src="templates/images/button3_normal.jpg" align="top" border="0" width="109"height="20" name="tausch3"></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=44"
onmouseover="tausch4.src='templates/images/button4_over.jpg';"
onmouseout="tausch4.src='templates/images/button4_normal.jpg';">
<img src="templates/images/button4_normal.jpg" align="top" border="0" width="109"height="19" name="tausch4"></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=45"
onmouseover="tausch5.src='templates/images/button5_over.jpg';"
onmouseout="tausch5.src='templates/images/button5_normal.jpg';">
<img src="templates/images/button5_normal.jpg" align="top" border="0" width="109"height="21" name="tausch5"></td>
</tr>
<tr>
<td><a href="index.php?option=com_wrapper&view=wrapper&Itemid=62"
onmouseover="tausch6.src='templates/images/button6_over.jpg';"
onmouseout="tausch6.src='templates/images/button6_normal.jpg';">
<img src="templates/images/button6_normal.jpg" align="top" border="0" width="109"height="19" name="tausch6"></td>
</tr>
<tr>
<td><a href="index.php?option=com_wrapper&view=wrapper&Itemid=63"
onmouseover="tausch7.src='templates/images/button7_over.jpg';"
onmouseout="tausch7.src='templates/images/button7_normal.jpg';">
<img src="templates/images/button7_normal.jpg" align="top" border="0" width="109"height="20" name="tausch7"></td>
</tr>
<tr>
<td><a href="index.php?option=com_weblinks&view=category&id=2:Freizeitaktivitäten"
onmouseover="tausch8.src='templates/images/button8_over.jpg';"
onmouseout="tausch8.src='templates/images/button8_normal.jpg';">
<img src="templates/images/button8_normal.jpg" align="top" border="0" width="109"height="21" name="tausch8"></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=55"
onmouseover="tausch9.src='templates/images/button9_over.jpg';"
onmouseout="tausch9.src='templates/images/button9_normal.jpg';">
<img src="templates/images/button9_normal.jpg" align="top" border="0" width="109"height="20" name="tausch9"></td>
</tr>
<tr>
<td><a href="index.php?option=com_content&view=article&id=52"
onmouseover="tausch10.src='templates/images/button10_over.jpg';"
onmouseout="tausch10.src='templates/images/button10_normal.jpg';">
<img src="templates/images/button10_normal.jpg" align="top" border="0" width="109"height="20" name="tausch10"></td>
</tr>
<tr>
<td><a href="index.php?option=com_contact&view=contact&id=1"
onmouseover="tausch11.src='templates/images/button11_over.jpg';"
onmouseout="tausch11.src='templates/images/button11_normal.jpg';">
<img src="templates/images/button11_normal.jpg" align="top" border="0" width="109"height="20" name="tausch11"></td>
</tr>
<tr>
<td><img src="templates/images/navi_unten.jpg" alt="" height="237" width="109" align="top"></td>
</tr>
<tr>
<td colspan="3"><img src="templates/images/footer.jpg" alt="" height="47" width="760"></td>
</tr>
</table> |
Was kann ich tun, damit ich auch im Firefox optimale Ergebnisse erzielen kann?
Ich meine übrigens diesen DIV Tag aus o.g. Code:
| Code: | <div style="width:560px; height:437; overflow:auto; background-image: url(templates/image/hg-bild.jpg); background-color:#F5EBC8; border-right-style:solid; border-width:1px;padding:10px">
<jdoc:include type="component" style="-1" /></div> |
Ach...und was ich auch noch versuche aber nicht hinbekomme: Ich möchte bei den Mausovereffekten eine 3. Aktion hinzufügen. d.h normalzustand - beim drüberfahren mouseover - bei klick soll der overstatus festbleiben, solange bis ein anderer menüpunkt angewählt wird. ich habe da schom mit onklick rumprobiert, bin aber nicht zum ziel gekommen!
danke im voraus für Eure Tipps! 
gruß
hinsen
|
|
| |
  |
 |
plicktzah
Dabei seit: 07.06.2006
Ort: ---
Alter: -
Geschlecht:
|
Verfasst Di 18.09.2007 08:32
Titel
|
|
|
Zu letzterem: bei onClick Bild austauschen und ne Variable setzen, die dann beim mouseOut geprüft wird.
// Oder, noch einfacher: Bei mouseOut prüfen, ob im Dateinamen des Bilds ein z.B: '_clicked' oder '_active' vorkommt. Wenn ja, dann kein weitere Bildwechsel, wenn nicht, dann Bild wechseln
// Oder
// oder
// oder
Zuletzt bearbeitet von plicktzah am Di 18.09.2007 08:33, insgesamt 1-mal bearbeitet
|
|
| |
|
|
|
Anzeige
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.09.2007 10:12
Titel
|
|
|
Und zu Problem 1 wäre es sinnvoll wenn Du die
Seite mal ebend online stellst. Zudem ist keiner
deiner <a hrefs> geschlossen. Manche Zellen
wiedersprechen sich vom Breitenattribut und
deren Inhalte, z.B:
<td width="560"><img src="templates/images/trenner_blau.jpg" alt="" height="23" width="581"></td>.
Ohne Doctype kann man sowieso kaum was
dazu sagen - und zum Tabellenlayout selbst sowieso
besser nichts 
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
CSS - Problem mit Verschachtelung - wieso?
wtf...wieso diese verlinkung?
Wieso funktioniert die Zentrierung der Div´s nicht :(
Wieso zerschießt der IE so mein Layout?
target_blank funktioniert nur einmal. wieso?
JS - Wieso funkt folgender Code nicht?
|
|
Willkommen auf dem Portal für Mediengestalter
