margin-bottom problem zwischen IE und FF

JEGO · 03.06.2005, 09:45

Hi zusammen,

ich hab fogendes problem, ich arbeite in einer Tabelle mit folgender css anweisung:

Code:

#bild
	{
	height:104px;
	margin-bottom:0px;
	vertical-align:bottom;
	}

der teil der Tabelle sieht so aus:

PHP-Code:

  <?php ?>

 
 

 
 
 <TR>

    <TD VALIGN="BOTTOM" BGCOLOR="#E0D4BB">

    

     <DIV ID="bild">

      <?php include("../index/bild.php"); ?>

     </DIV>

     

    </TD>

  </TR>

 
 
 
 
?>

in der bild.php wird je nach $_GET['section'] nur immer ein anderes Bild includet.

FF Ansicht:

IE Ansicht:

so gehe ich jetzt her und mach aus dem obigen css:

Code:

#bild
	{
	height:104px;
	margin-bottom:-3px;
	vertical-align:bottom;
	}

habe ich folgende Asicht:

FF Ansicht:

IE Ansicht:

weiss jemand was ich da machen kann?

robo47 · 03.06.2005, 09:52

extra-style für den IE oder firefox ?
der IE utnerstützt in quelltexte ja diese komischen
[IF]-tele im quelltexte

Zitat:

<![if ! IE 5]>
<script type="text/javascript" src="http://s.deviantart.com/styles/inside.js/2975.js"></script>

<![endif]>
<link href="http://i.deviantart.com/icons/favicon.png" rel="shortcut icon"/>

hab ich grad aus dem quelltext von deviantart.com gezogen :P

JEGO · 03.06.2005, 09:55

EDIT
wo kommt die anweisung denn Hin ? in das css?

wo es hin kommt hab ich rausbekommen.

jedoch nimmt FF immernoch die gleiche .css Datei.

EDIT
hmm... und wie sag ich den anderen Browsern welches css sie nehmen sollen?

DerDesian · 03.06.2005, 10:13

2Möglichkeiten
~~~~~~~~~
1) IEHack:
~~~~~~~
td.ne_klasse {
style: atribut;
_style: anderesAtributNurFürIE;
}
-> IE ist an dieser stelle fehlertoleranter und ignoriert den _ und die Grundregel 'das letzte zugewiesene Attribut zählt' wirkt hier.
Vorsicht hierbei:
Auf den Hack folgende Styles weren vom Firefox nicht mehr interpretiert, das er auf einen 'Fehler' gestoßen ist.

2) DasTypischeBildAbstandProblemLösenMitDIV:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
stadt <IMG irgendwas>
<div style="background: url('./images/bild.png'); width: [bildweite]; heght: [bildhöhe]; margin/padding/bla"></div>
Hab das gelegendlich verwendet, wenn IE und FireFox die Bilder nicht gleich behandeln wollte.

robo47 · 03.06.2005, 10:21

meine variante kommt in den html-quelltext.

JEGO · 03.06.2005, 10:26

@DerDesian
he he, guter Tip ...Danke

hab Nr.1 genommen. geht gut.... :wink:

@robo

die vaiante hat nur den Hacken, das FF das auch nimmt.
aber der ansatz ist gut... nur muss man auf soviele andere Browser aufpassen. Danke Dir :wink:

03.06.2005, 11:14

Hi!

Das scheint aber nur ein Umbruch-Problem im Quelltext zu sein.

Schreib das mal so:

PHP-Code:

  <div>[img]test.jpg[/img]</div>

Gruß
Iceman

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Sessions Problem	StephenKing	PHP Tipps 2008	3	16.10.2007 08:30
MATCH .... AGAINST ... Problem	Denise	Datenbanken	4	21.03.2007 20:05
Box Modell Problem zwischen Internet Explorer 6 und FireFox	DonTermi	HTML, Usability und Barrierefreiheit	5	07.12.2006 16:30
CSS Problem	Maxi	HTML, Usability und Barrierefreiheit	6	11.11.2006 12:09
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
random problem	lindner	PHP Tipps 2006	22	30.05.2006 19:16
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Problem mit DIV -Bild soll am unteren Ende der Seite bleiben	scheibo	HTML, Usability und Barrierefreiheit	16	12.01.2006 16:54
Css Problem - Divs anders positionieren	ypsie	HTML, Usability und Barrierefreiheit	7	22.08.2005 17:40
Wordpress Template		HTML, Usability und Barrierefreiheit	8	22.08.2005 11:21
[Erledigt] Problem mit Backslash	Patrick Schwarz	PHP Tipps 2005-2	5	26.07.2005 09:54
[Erledigt] Problem mit User/Group: nobody(99)/99		Server, Hosting und Workstations	3	09.07.2005 15:31
Komisches Div margin Problem nach float &amp; clear		HTML, Usability und Barrierefreiheit	1	15.05.2005 10:05
DIV´s verschieben sich ineinander - Problem		HTML, Usability und Barrierefreiheit	8	28.03.2005 14:13

03.06.2005, 09:45
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	margin-bottom problem zwischen IE und FF Hi zusammen, ich hab fogendes problem, ich arbeite in einer Tabelle mit folgender css anweisung: Code: #bild { height:104px; margin-bottom:0px; vertical-align:bottom; } der teil der Tabelle sieht so aus: PHP-Code: `<?php ?> <TR> <TD VALIGN="BOTTOM" BGCOLOR="#E0D4BB"> <DIV ID="bild"> <?php include("../index/bild.php"); ?> </DIV> </TD> </TR> ?>` in der bild.php wird je nach $_GET['section'] nur immer ein anderes Bild includet. FF Ansicht: IE Ansicht: so gehe ich jetzt her und mach aus dem obigen css: Code: #bild { height:104px; margin-bottom:-3px; vertical-align:bottom; } habe ich folgende Asicht: FF Ansicht: IE Ansicht: weiss jemand was ich da machen kann? __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.06.2005, 09:55
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	EDIT wo kommt die anweisung denn Hin ? in das css? wo es hin kommt hab ich rausbekommen. jedoch nimmt FF immernoch die gleiche .css Datei. EDIT hmm... und wie sag ich den anderen Browsern welches css sie nehmen sollen? __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.

03.06.2005, 10:13
DerDesian Erfahrener Benutzer Registriert seit: 02.03.2005 Beiträge: 305	2Möglichkeiten ~~~~~~~~~ 1) IEHack: ~~~~~~~ td.ne_klasse { style: atribut; _style: anderesAtributNurFürIE; } -> IE ist an dieser stelle fehlertoleranter und ignoriert den _ und die Grundregel 'das letzte zugewiesene Attribut zählt' wirkt hier. Vorsicht hierbei: Auf den Hack folgende Styles weren vom Firefox nicht mehr interpretiert, das er auf einen 'Fehler' gestoßen ist. 2) DasTypischeBildAbstandProblemLösenMitDIV: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ stadt <IMG irgendwas> <div style="background: url('./images/bild.png'); width: [bildweite]; heght: [bildhöhe]; margin/padding/bla"></div> Hab das gelegendlich verwendet, wenn IE und FireFox die Bilder nicht gleich behandeln wollte. __________________ Wenn dich was ankotzt, machs besser.

03.06.2005, 10:21
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	meine variante kommt in den html-quelltext. __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

03.06.2005, 10:26
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	@DerDesian he he, guter Tip ...Danke hab Nr.1 genommen. geht gut.... :wink: @robo die vaiante hat nur den Hacken, das FF das auch nimmt. aber der ansatz ist gut... nur muss man auf soviele andere Browser aufpassen. Danke Dir :wink: __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.

03.06.2005, 11:14
Gast Beiträge: n/a	Hi! Das scheint aber nur ein Umbruch-Problem im Quelltext zu sein. Schreib das mal so: PHP-Code: `<div>[img]test.jpg[/img]</div>` Gruß Iceman