bild und danach folgendes div im IE- Abstand ?

[daniel]

abstand im IE zwischen bild und darauffolg. div hallo alle zusammen,

mache gerade meine ersten gehversuche mit css-basierenden layouts und bin dabei auf ein problem gestoßen.

wenn ihr euch mal diese seite anseht im IE: http://halla.homelinux.net

...dann seht ihr wahrscheinlich auch einen 3-4px breiten abstand zwischen dem dunkelroten menue-container und dem bild darüber. aber eigentlich sollten beide bündig abschließen, sodaß zwischen menue und bild kein abstand ist??

im Moz und Opera klappt es - da sieht es richtig aus.

hier mal der code:

#content_body {  background-color:#FFFFFF;  border:1px solid black;  width:778px;  margin: 0px auto 0px auto;  text-align:left;  padding:0px; }

#menue_main {  background-color:#990000;  color:#FFFFFF;  font-weight:bold;  border:none;  border-bottom:1px solid black;  border-top:1px solid black;  text-align:center;  padding: 5px 0px 5px 0px;  margin:0px; }

#footer {  background-color:#ffffff;  border:1px solid black;  width:778px;  margin: 7px auto 7px auto;  padding:2px 0px 2px 0px;  text-align:center;  font-size:10px; }

das ganze stylesheet auch hier: http://halla.homelinux.net/styles/public.css

vielleicht habt ihr eine idee?? mfg, daniel

[Stefan Einspender]

Hallo Daniel,

vielleicht habt ihr eine idee??

ein übersichtlicher Quelltext ist ja schön und gut, aber wenn ich
sowas sehe, frage ich mich ernsthaft nach dem Sinn:

<img src="/media/images/header/lingo_header_v5.jpg"
   name="headergraphic"
   id="headergraphic"
   alt="Dumme Sprüche.net"
   border="0"
   height="177" width="778"
 />

<div id="menue_main">

Vielleicht sparst Du da einfach mal paar Tabs, Blanks und Zeilen ein.

Viele Grüße,
Stefan

[daniel]

hi stefan,

ja, vielleicht hast du da recht.
geht noch etwas kompakter.

in bezug auf mein problem hilft mir das aber auch nicht weiter.
hast du dazu vielleicht auch eine idee?

grüße,
daniel

[Stefan Einspender]

Hallo Daniel,

in bezug auf mein problem hilft mir das aber auch nicht weiter.

da bin ich und der MSIE anderer Meinung .... /><div ... ;-)

Viele Grüße,
Stefan

[daniel]

Hallo Stefan,

da bin ich und der MSIE anderer Meinung .... /><div ... ;-)

ähh.... sorry, da steh ich jetzt auf dem schlauch?
kannst du mir erklären, was du meinst?
da sind doch alle tags brav geschlossen, oder?
oder hab ich irgendwo was vergessen??

grüße,
daniel

[Stefan Einspender]

Hallo Daniel,

ähh.... sorry, da steh ich jetzt auf dem schlauch?

ja, absolut ;-)

kannst du mir erklären, was du meinst?

<img src="/media/images/header/lingo_header_v5.jpg" alt="Dumme Sprüche.net" border="0" height="177" width="778" /><div id="menue_main">

Viele Grüße,
Stefan

[daniel]

hi stefan,

also sorry, auch auf die gefahr hin das ich mich zum boot mache:
ich versteh nicht was du mir sagen willst?
das bild ist doch völlig korrekt eingebunden?
was sollte das mit dem abstand zu der ebene darunter für das menue zu tun haben?

der code ist doch völlig ok, oder etwa nicht??

<img src="/media/images/header/lingo_header_v5.jpg" alt="Dumme Sprüche.net" border="0" height="177" width="778" />

<div id="menue_main">
  <a href="#" class="main_menuelink">HOME</a> |
  <a href="#" class="main_menuelink">SPR&Uuml;CHE</a> |
  <a href="#" class="main_menuelink">SYNONYME</a> |
  <a href="#" class="main_menuelink">ZITATE</a> |
  <a href="#" class="main_menuelink">DIALOGE</a> |
  <a href="#" class="main_menuelink">TOP TEN</a> |
  <a href="#" class="main_menuelink">EINTRAG ERSTELLEN</a> |
  <a href="#" class="main_menuelink" >USER&Uuml;BERSICHT</a>
 </div>

heute-langsam-von-begriff,
daniel

[Stefan Einspender]

Hallo Daniel,

schreib doch einfach mal den relevanten Quelltext in eine einzige
Zeile, ohne Leerzeichen, Zeilenumbruch oder Tab dazwischen, dann
zeigt auch der MSIE wie gewünscht an. Ob das MSIE-Verhalten hier
zulässig ist, weiß ich nicht, auf jeden Fall hat er damit ein
Problem, deshalb im Zweifelsfall den Quelltext lieber unüber-
sichtlich, interessiert 99,9% Deiner Besucher ohnehin nicht ;-)

Viele Grüße,
Stefan

[daniel]

hallo,

verflixt, ich glaubs nicht.
mir ist schon häufiger aufgefallen,
das der IE ein problem mit leerzeichen im quelltext hat,
allerdings immer nur in zusammenhang mit tabellen.
und trotzdem hab ich dann auch immer ne halbe ewigkeit gebraucht, um draufzukommen... ;-)

das nervige ist halt: MICH intressiert es, wie mein quellcode aussieht. schließlich muss ICH mich darin zurechtfinden.
blödes teil, ehrlich...

danke für eure hilfe !!!

grüße,
daniel

[Detlef G.]

Hallo daniel

das nervige ist halt: MICH intressiert es, wie mein quellcode aussieht. schließlich muss ICH mich darin zurechtfinden.

Du must ja nicht alles in eine Zeile quetschen, sondern nur die Leerzeichen
zwischen den Tags vermeiden.
z.B. so:

<img src="/media/images/header/lingo_header_v5.jpg"
  alt="Dumme Sprüche.net" border="0"
  height="177" width="778"
 /><div
  id="menue_main">
  <a href="#" class="main_menuelink">HOME</a> |
  <a href="#" class="main_menuelink">SPR&Uuml;CHE</a> |

usw.

Damit ist der Quelltext zwar nicht so schön, kann aber trotzdem übersichtlich
bleiben.

MFG
Detlef

[Tobias Kloth]

Hallo daniel,

der code ist doch völlig ok, oder etwa nicht??

ja, der Code ist ok, du sollst nur mal die Leerzeichen zwischen dem Ende von <img/> und dem Anfang von <div> entfernen :-)

Grüße aus Nürnberg
Tobias