IE vs Firefox komische Buttons

[lun_IX]

Hi!

Ich hab mal wieder ein problem:

Ich hab eine Art navigation über karteireiter, diese besteht aus 4 verschiedenen Submit-Buttons

<button type="submit"><img href="bild.jpg">

nach obigem Schema, diese schicken halt ganz normal ein formular ab, das funzt auch alles prächtig, nur leider hab ich ein Layout Problem, denn im Firefox sieht das ganze so aus:

im IE dagegen aber so:

Er zieht die Buttons irgendwie noch ein ganzes Stück weiter nach rechts, die weisse Fläche neben jedem Button kann man auch noch als Button anklicken..? Im Firefox ist das alles so, wie es sein soll, jeder Button nur so gross wie das Bild....

Hat einer von Euch ne Ahnung? Wäre wirklich für Hilfe und Tipps dankbar!

 

[derilluminat]

willkommen in der wunderbaren welt der web programmierung.

 

[lun_IX]

ist ja nicht so, dass ich HTML zum ersten Mal sehe.... aber es MUSS auch im IE gehen, weil der Kunde nix anderes benutzt!

 

[lengsel]

Original geschrieben von lun_IX
aber es MUSS auch im IE gehen, weil der Kunde nix anderes benutzt!

 

IE/Win odeer IE/Mac?

Falls IE/Mac kannst Du sicher ein bisschen Überzeugungsarbeit leisten, das Killerargument dürfte die eingestellte Entwicklung sein.
Falls IE/Win hast Du diese Möglichkeit leider nicht.
Ich würde mal ausprobieren wie die Buttons, respektive die Abstände auf stylen via CSS reagieren, und im schlimmsten Fall eine Browserweiche vorschalten die je nach Browser dann die entsprechend optimierte CSS-Datei lädt...

Lästiges Thema...

Grüße,
Flo

 

[lun_IX]

ich hab auch im Stylesheet schon alle möglichen Einstellungen probiert, es ändert nix!

Und es ist Win/IE!!! doppelt

 

[lengsel]

Original geschrieben von lun_IX
ich hab auch im Stylesheet schon alle möglichen Einstellungen probiert

 

Nur mal so interessehalber: wenn Du alle Buttons einzeln absolut positionierst, und sie entsprechend knapp zusammendefinierst, evtl. sogar überlappen lässt (z-Index!)
sollte es doch theoretisch (mit Gewalt, was anderes ist das leider nicht mehr) irgendwann möglich sein eine entsprechende Positionierung hinzubekommen.
Andere Idee: Eine "große" Bilddatei in der die Buttons alle optimal drin sind, und dann halt via Imagemap die "Auslöser" definieren, ist vermutlich auch Gebastel, fällt mir leider spontan auch kein Beispielcode ein.

Apropos Code: Poste doch mal Deinen, vielleicht fällt dann ja jemand hier noch was ein, oft hilft ein Blick in den Code doch mehr als jede Beschreibung.

Beste Lösung: Sämtliche RFCs vom W3C zum Thema ausdrucken und die IE-Programmierer unter Androhung von Gewalt fressen lassen...evtl. nachhelfen falls sich die rechte Kooperation nicht gleich einstellen will.

Grüße,
Flo

 

[lun_IX]

wieviel von den 600 Zeilen willst du denn haben?

poste jetzt hier einfach mal das "Menü", vielleicht hilft das ja schon:

<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
	    <TR>
		  <TD>		
			<button type="submit" onClick="document.stammdaten.ziel.value='stamm'">
                        <IMG SRC="Bilder/stammdaten_on.gif" BORDER="0"></button>
		  </TD>	
		  <TD>
			<button type="submit" onClick="document.stammdaten.ziel.value='kk'">
                        <IMG SRC="Bilder/kkdaten.gif" WIDTH="150" HEIGHT="27" BORDER="0"></button>
		  </TD>
		  <TD>
			<button type="submit" onClick="document.stammdaten.ziel.value='brille'">
                        <IMG SRC="Bilder/brillendaten.gif" WIDTH="150" HEIGHT="27" BORDER="0"></button>
		  </TD>
		  <TD>
			<button type="submit" onClick="document.stammdaten.ziel.value='rechnung'">
                        <IMG SRC="Bilder/berechnung.gif" WIDTH="150" HEIGHT="27" BORDER="0"></button>
		  </TD>
		  <td width="100%"></td>
	    </TR>
		<tr bgcolor="#CCCCCC"><td colspan="4">&nbsp;</td></tr>
	  </table>

Weiss nicht, ob das so viel hilft... aber mal sehen.... ist halt nur ein kleiner teil aus einer ziemlich grossen tabelle...

 

[lengsel]

Original geschrieben von lun_IX
wieviel von den 600 Zeilen willst du denn haben?

poste jetzt hier einfach mal das "Menü", vielleicht hilft das ja schon:

 

Mehr Code ist hier ja nicht relevant, reicht schon

Was passiert denn wenn Du die WIDTH und HEIGHT Parameter entfernst?
Hast Du die anderen beiden Ideen mal probiert?

Grüße,
Flo

 

[sevY]

Ich würde

<td width="*" height="*">

(* = Größe)

ersetzen, vielleicht auf dem ganzen Table absolute Größenwerte erteilen. Und das wahlweise per CSS oder direkt.

Yves

 

[<ok>]

du definiert die gesamte tabelle sowie die letzte Spalte jeweils mit 100% Breite. Macht irgendwie keinen Sinn. Wenn die Grafiken nicht über die gesamte breite positioniert werden sollen, kannste Dir die Definitionen sparen. Addiere einfach die breite aller Button plus zwischenraum zusammen und setze den Wert als tabellenbreite.

 

[mrwho]

Das scheint ein Fehler in der HTML-Auslegung vom IE zu sein.

Wenn du die WIDTH-Angaben der Graphik im Button änderst, dann verändert sich die Buttonbreite proportional mit
Er ist also immer ~10% breiter als der Inhalt selbst

Normale Graphiken verhalten sich richtig, aber die Button-Funktion scheint da Probleme zu bereiten.
Deshalb ist der Bereich um die Graphiken auch noch anklickbar, der ganze Button wird breiter.

Zeigt hier den gleichen Fehler:

http://selfhtml.teamone.de/html/formulare/klickbuttons.htm#herkoemmlich

Die verwendetst ein Fomular zum navigieren, wie schaut es aus wenn du stattdessen Graphiklinks verwendest und die Links in php generierst ?

Das funktioniert wenigstens in jedem Browser...hoffe ich

 

[sevY]

Original geschrieben von mrwho

Die verwendetst ein Fomular zum navigieren, wie schaut es aus wenn du stattdessen Graphiklinks verwendest und die Links in php generierst ?

&nbsp;

Warum in PHP generieren? Parsed ergibt das dann ja eh HTML Da kann er doch auch direkt ne Imagemap oder einen ausnotierten Link nehmen.

 

[xlqr]

hi lun

waum willst du denn mit einem formular navigieren? weil es geht oder hat das einen bestimmten grund?

vorgesehen ist es sicher nicht dafür (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">)

die apple site z.b. navigiert auch mit reitern und das sind a href + img.

wenn du es kompliziert haben möchtest kannst du ja eine imagemap schreiben.

mit formularfeldern wirst du genau wie mit css1 oder gar 2 höchst unterschiedliche betriebsystem/browser abhängige darstellungen bekommen.

ich würde dir vorschlagen die formularnavigation wenn möglich bleiben zu lassen.

gruß