IE != firefox ... aber wie macht IHR das?

Mr.Egon

sers,
bin neu hier als auch im html "coden".
ich habe ein sehr frustrierendes Problem, wie oben im titel schon steht und wie die meisten wissen haben IE und FF andere engines und es kann halt zu nem pixel verschiebung kommen - egal, wie auch immer.
aber ist das wirklich so extrem ->
http://mregon.mr.funpic.de/HTML/otherstyle/

der code ist valide und die css datei wie folgt:

Zitat

table{
border:0px;
width:956px;
height:131px;
background-image:url('himmel.jpg');
background-repeat:no-repeat;
}

Alles anzeigen

wer sich die seite mit dem FF anguckt, der stellt fest, dass die (fiktiven) Buttons in der mitte von dem roten Himmel um min. 5 pixel zu weit unten sind. zu weit unten? vlt hab ich sie nur zu weit unten platziert? ne, denn im IE werden sie perfekt da angezeigt, wo sie hingehören!

nur frag ich mich "das kann doch nicht sein, denn was ist denn an dem code anders, als an dem von anderen sites?" ich mein', die schaffen es ja auch irgendwie, das alles korrekt angezeigt wird.
könnt ihr mir vlt ein par anregungen geben, was an dem code unvorteilhaft ist oder was gar zu der verschiebung führt, da wär ich euch SEHR verbunden!

Dankeschön, egon

driver

verwendest du irgendwo padding oder margin ?
die werden vom ie und ff anderst interpretiert...

hat mich auch schon einige stunden gekostet...

Lizzard

Ich setze bei jedem Element das per CSS formatiert wird erstmal padding und margin auf 0 damit IE und FF auf dem "selben Niveau" sind

Mr.Egon

Nein, weder noch
hier der body-teil...:

Zitat

<body style="background:url(stern.jpg)">

<table>
<tr>
<td>

</td>
</tr>
</table>

</body>

Alles anzeigen

wie muss das aussehen, wenn ich padding und margin auf 0 setze? kannst du mir den tag dazu sagen für die css? bin ein blutiger newbie

Lizzard

margin: 0;
padding: 0;

Mr.Egon

in die table{} !?
sprich:

Zitat

table{
border:0px;
width:956px;
height:131px;
background-image:url('himmel.jpg');
background-repeat:no-repeat;
padding: 0;
margin: 0;
}

Alles anzeigen

schonmal danke dafür

edit: aber verschoben ist es trodzdem genauso!

Lizzard

Das war eher generell gemeint, ob es in der Tabelle hilft, kann ich nicht sagen. Ich benutze keine Tabellen.

Mr.Egon

wie würdest du es denn auf deine art und weise zu dem selben ergebnis bringen?
mit <div> ? wär nett wenn dus mir mal zeigen könntest... also mit den bilder you know

Lizzard

ausm Bauch raus so:

HTML:

Code

<div id="navigation">
  <ul>
    [*][img]BILD1[/img]
    [*][img]BILD2[/img]
    [*][img]USW USW[/img]
  [/list]
</div>

CSS:

Code

#navigation {

  width: 500px;
  height: 200px;
  background: url(HINTERGRUNDBILDPFAD) no-repeat;
  text-align: center;
}
#navigation ul {


  display: inline;
  list-style-type: none;
  margin: 0;
  margin-top: 150px;
  padding: 0;
}
#navigation ul li {


  float: left;
  padding: 5px;
  height: 40px;
  border: 1px solid #898989;
}

Alles anzeigen

(ungetestet )

Mr.Egon

gut, ich bastel mir das grad zurecht. aber was ich jetzt unbedingt wissen muss, wie ich den browsern sagen kann, dass sie das background-image auf jeden fall anzeigen sollen, denn das macht der nicht zumindest nicht komplett. mit welchen tag geht das?

danke

Lizzard

wie siehts denn im moment aus`? hat du nen link?

Mr.Egon

http://mregon.mr.funpic.de/HTML/otherstyle/

already perfekt, habs geschafft... css und padding angeben, wunderbare sache!

Lizzard

ah gut Mit absoluter Positionierung gehts natürlich auch

Tags