Container Inhalt über dem Rahmen

Status
Nicht offen für weitere Antworten.

Hangrefer

Mitglied
Hallo,

ich habe ein Problem, mit dem ich nicht mehr von alleine Fertig werde. Ich habe einen Rahmen aus Gragiken um einen Div Countainer gemacht der im IE 07, passt alles Wunderbar und ist Bündig wie gewollt. Nun habe ich aber das Problem, das im Firefox einige Boxen entweder links ODER rechts so 1-2 px über den Grafiken steht. Wie kommt das zustande? ICh weis nicht mehr weiter. Weis zufälluig einer einen Rat wie man das alles am Bessten so Platziert das es auch im FF Funktioniert und bündig ist.

Würde mich über Hilfe Freuen. So ein Paar Tipps wären sicher nicht schlecht. Da ich dieses Problem zum ersten mal habe und jetzt schon 4 Tage daran rum Schraube aber nicht weiter komme. Ist immer wieder das selbe Problem.


Danke...Mfg,....Hangrefer
 
Hi,

könntest du bitte auch den dazugehörigen HTML- und CSS-Code posten, oder einen Link zur Seite nennen?

Ansonsten lässt sich im "Blindflug" nicht viel bis gar nichts dazu sagen.
 
es liegt daran, dass du die größe deines Divs falsch bestimmt hast, denke ich.
der doofe IE stellt das da wie du willst, der FF wie du es schreibst
hatte ich auch schonmal, is aber nur eine vermutung
 
JOp hier mal nur eine Stelle wo es Passiert. Dort Steht der rahmen zb links etwar 1-2 PX über dem Countainer. ICh habe auch schon versucht den RAhmen nur auf CSS zu machen GEHT AUCH NUR IM IE ff Streigt da auch rum.

Code:
<style type="text/css">
<!--

.index_box {
	border:1px solid #000000;
	background:#a08d6e;
	margin:0px 0px 0px 0px;
}

.index_box_head {
	height:22px;
	padding-left:3px;
	border-bottom:1px solid #000000;
	background:#f7e2b0 url('design/cellpic.gif') bottom;
	font-size:14px;
	font-weight:bold;
	color: #f7e2b0;
}
.index_news a {
	font-size:14px;
}

.index_news div {
	margin:5px 0px;
}

.index_box_content {
	padding:3px;
}

.index_box_content img {
	border:1px solid #000000;
}

.index_box_content ul {
	margin:0px;
	padding:0px;
}

.index_box_content li {
	margin:0px;
	padding:0px;
	margin-left:15px;
}


-->
</style>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td><img alt="" src="design/oben_links.jpg" border="0" title="" /></td>
    <td><img alt="" src="design/oben_links2.jpg" border="0" title="" /></td>
    <td background="design/oben_mitte2.jpg" width="100%" align="center"><img alt="" src="design/oben_mitte.jpg"></td>
    <td><img alt="" src="design/oben_rechts2.jpg" border="0" title="" /></td>
    <td><img alt="" src="design/oben_rechts.jpg" border="0" title="" /></td>
  </tr>
   <tr>
   <td background="design/rand_links.jpg"></td>
<td colspan="3">
<table width="100%">
<tr>
<td class="header1">{LANG[LASTNEWS]}</td></tr>
<tr><td class="color"><div class="index_news">{LASTNEWS()}</div></td>
</tr>
</table>
</td>
<td background="design/rand_rechts.jpg"></td>
</tr>
   <tr>
    <td><img alt="" src="design/unten_links.jpg" border="0" title="" /></td>
    <td><img alt="" src="design/unten_links2.jpg" border="0" title="" /></td>
    <td background="design/unten_mitte.jpg" width="100%"></td>
    <td><img alt="" src="design/unten_rechts2.jpg" border="0" title="" /></td>
    <td><img alt="" src="design/unten_rechts.jpg" border="0" title="" /></td>
  </tr>
</table>
<br/>

Danke für die Hilfe...Mfg...HAngrefer
 
Ein Link zur Seite wäre da hilfreicher, da ohne die eingebundenen Grafiken nichts zu erkennen ist.
 
Das kannst du natürlich auch machen, einfach alles in eine ZIP-Datei packen, und diese hier hochladen. ;)

Achja, und noch eine Frage: Welchen Dokumenttyp hast du für das Dokument deklariert?
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> << das hier hehe

Zip habe ich mit den Bilder angehangen. Da sieht man sehr schön was ich meine.

Mfg...Hangrefer
 

Anhänge

Zuletzt bearbeitet:
Ich dachte, dass du die eingebundenen Grafiken / Hintergrundbilder aus dem HTML-Dokument hochlädst, damit man sich die Seite in voller Pracht betrachten kann.
 
achso^^..ja warte ich baue schnell zusammen dann EDTITIERE ich den Anhang!

Sorry ^^

EDIT habe Gefixt den anhang!...aber irgentwie sehe ich da nichtmal den 1px schwarzen Border der eigentlich da sein sollte...musste die style css mal in den design order schieben !...Sorry ^^
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück