Sonja: Abstand muss weg, und komischer fehler...!

hallo!

ich bastle gerade an einer seite, hier mal ein link dazu
http://sonja.kilu.de/test/index.html
(wenn was nicht passt nicht wundern das is nur als "anzeig beispiel" gedacht

mein erstes problem:
ich will das da kein abstand zwischen der "navigationsleiste" und der iframe ist, also wirklich gar nichts

zweitens:
beim herumprobieren ist mir irgentwie passiert das die iframe plötzlich nur mehr so gross war wie sie jetzt ist, aber wie ihr im code sehen werdet ist das nicht so gewollt

also die codes:

index.html:
[code lang.html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<img src="logo.png"><br>
<center>
<img src="img/left.png" vspace="0" hspace="0" /><a href="home.html" target="iframe"><img src="img/home.png" onmouseover="this.src='img/home_.png'" onmouseout="this.src='img/home.png'" vspace="0" hspace="0" /></a><img src="img/platz.png"><a href="leistung.html" target="iframe"><img src="img/leistung.png" onmouseover="this.src='img/leistung_.png'" onmouseout="this.src='img/leistung.png'" vspace="0" hspace="0" /></a><img src="img/platz.png"><a href="kontakt.html" target="iframe"><img src="img/kontakt.png" onmouseover="this.src='img/kontakt_.png'" onmouseout="this.src='img/kontakt.png'" vspace="0" hspace="0" /></a><img src="img/platz.png"><a href="angebot.html" target="iframe"><img src="img/angebot.png" onmouseover="this.src='img/angebot_.png'" onmouseout="this.src='img/angebot.png'" vspace="0" hspace="0" /></a><img src="img/right.png" vspace="0" hspace="0" />
</center>
<center>

<iframe src="" name="iframe" width="899" height="500"></iframe>

</center>
<center>
<img src="img/leftu.png" vspace="0" hspace="0" /><img src="img/leer.png" /><img src="img/leer.png" /><img src="img/leer.png" /><img src="img/leer.png" /><img src="img/rightu.png" vspace="0" hspace="0" />
</center>
</body>
</html>[/code]

sorry das es sooo übersichtlich ist, aber bei der navi leiste wären abstände würde ich bei den einzelnen bilder zeilen umbrüche machen

und hier der css

body {  
 background: url("back.jpg") repeat-x top center;  
 color: black; background-color: #8dcfee;  
 font-size: 100%;  
 font-family: Helvetica,Arial,sans-serif;  
 margin: 0; padding: 0em;  
 min-width: 40em;  
   text-align: center;

ich hoffe ihr könnt mir helfen

l.g. sonja

  1. ich hoffe ihr könnt mir helfen

    der validator kann

    1. Hi,

      der validator kann
      in HTML 4.01 Transitional wären es nur noch 16 Fehler, die aber nichts mit dem Problem zu tun haben, welches simpel über CSS gelöst werden kann:
      center img{vertical-align:bottom;}
      Allerdings hilft das nicht gegen den Umbruch der Navigationsleiste in normalgroßen Fenstern.

      freundliche Grüße
      Ingo

      1. in HTML 4.01 Transitional wären es nur noch 16 Fehler, die aber nichts mit dem Problem zu tun haben

        und da bist du dir sicher, dass nicht die fehlerkorrektur irgend eines browsers durchdreht und etwas unerwartetes tut ;) - invalider code hat immer etwas mit problemen zu tun, in diesem konrekten fall möglicherweise nicht, aber er wird defintiv andere probleme verursachen

        1. Hi,

          und da bist du dir sicher, dass nicht die fehlerkorrektur irgend eines browsers durchdreht und etwas unerwartetes tut ;)

          Ja. Fehlende Alt-Attribute und <img /> in HTML bringen keinen Browser ducheinander und die invaliden Angaben beim iframe haben auch keinen Einfluss auf dessen Positionierung.
          Aber reservierte Unterlängen bei Bildern sind halt immer der Verdächtige Nr. 1.

          freundliche Grüße
          Ingo

          1. Ja. Fehlende Alt-Attribute und <img /> in HTML bringen keinen Browser ducheinander und die invaliden Angaben beim iframe haben auch keinen Einfluss auf dessen Positionierung.

            da hast du natürlich recht - so genau hab ich mir das garnicht angesehen - aber sobald ich im validator rot sehe, ist "wie a watschn ins gsicht", da hört für mich das produktive arbeiten auf da durch derartige fehler protentielle andere fehler verschleiert werden könnten

            1. Moin,

              da hast du natürlich recht - so genau hab ich mir das garnicht angesehen - aber sobald ich im validator rot sehe, ist "wie a watschn ins gsicht", da hört für mich das produktive arbeiten auf da durch derartige fehler protentielle andere fehler verschleiert werden könnten

              Das wird einer der Gründe sein, dass ich bei kompetenten Stammpostern hier häufiger Formulierungen in dem Sinne: "validiere bitte zunächst Deinen Quellcode und schließe so zum einen Flüchtigkeitsfehler oder Tippfehler zu einen großen Umfang aus bringe ihn dadurch zum anderen auf ein übersichtliches, lesbares Niveau..." lese.

              Gruß

              Swen

              1. ..., dass ich bei ...

                Meine Texte sollte ich ab und an auch mal durch einen Sprachvalidator schicken ...  :-)