MasterG: span style geht nicht...

Hallo,

ich durschsuche jetzt schon seit stunden das netz aber ich finde keine lösung vieleicht weiß ja hier jemand rat.

also ich habe folgendes problem

html code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  
    <title> XXXXXX // Truck und Countrymusik  
    </title>  
    <link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />  
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>  
<script type="text/javascript">  
<!--var  
preloadFlag = true;  
// -->  
</script>  
  </head>  
  <body>  
    <div id="main">  
      <div style="position:relative;width:773px;height:562px;-adbe-g:p;">  
        <div style="position:absolute;top:16px;left:224px;width:500px;height:100px;">  
          <img src="bilder/banner.gif" alt="XXXXXX Country und Truck" height="100" width="500" border="0" />  
        </div>  
        <div style="position:absolute;top:192px;left:32px;width:0px;height:0px;">  
          <!--Navigation-->  
<a onmouseover="changeImages('base_news','bilder/navi/over_news.gif');return true" onmouseout="changeImages('base_news','bilder/navi/base_news.gif');return true" href="index.php"><img id="base_news" src="bilder/navi/base_news.gif" alt="Neues" name="base_news" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_bio','bilder/navi/over_bio.gif');return true" onmouseout="changeImages('base_bio','bilder/navi/base_bio.gif');return true" href="index.php?seite=biografie"><img id="base_bio" src="bilder/navi/base_bio.gif" alt="Biografie" name="base_bio" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_presse','bilder/navi/over_presse.gif');return true" onmouseout="changeImages('base_presse','bilder/navi/base_presse.gif');return true" href="index.php?seite=presse"><img id="base_presse" src="bilder/navi/base_presse.gif" alt="Presse" name="base_presse" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_medien','bilder/navi/over_medien.gif');return true" onmouseout="changeImages('base_medien','bilder/navi/base_medien.gif');return true" href="#"><img id="base_medien" src="bilder/navi/base_medien.gif" alt="Medien" name="base_medien" height="30" width="150" border="0" onmouseover="javascript:showMenue('umenue1');" onmouseout="javascript:hideMenue('umenue1');"/></a><br/>  
<a onmouseover="changeImages('base_galerie','bilder/navi/over_galerie.gif');return true" onmouseout="changeImages('base_galerie','bilder/navi/base_galerie.gif');return true" href="index.php?seite=galerie"><img id="base_galerie" src="bilder/navi/base_galerie.gif" alt="Galerie" name="base_galerie" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_kontackt','bilder/navi/over_kontackt.gif');return true" onmouseout="changeImages('base_kontackt','bilder/navi/base_kontackt.gif');return true" href="index.php?seite=kontackt"><img id="base_kontackt" src="bilder/navi/base_kontackt.gif" alt="Kontackt" name="base_gaestebuch" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_gaestebuch','bilder/navi/over_gaestebuch.gif');return true" onmouseout="changeImages('base_gaestebuch','bilder/navi/base_gaestebuch.gif');return true" href="index.php?seite=gaestebuch"><img id="base_gaestebuch" src="bilder/navi/base_gaestebuch.gif" alt="Gaestebuch" name="base_gaestebuch" height="30" width="150" border="0" /></a><br/>  
<a onmouseover="changeImages('base_impressum','bilder/navi/over_impressum.gif');return true" onmouseout="changeImages('base_impressum','bilder/navi/base_impressum.gif');return true" href="index.php?seite=impressum"><img id="base_impressum" src="bilder/navi/base_impressum.gif" alt="Impressum" name="base_impressum" height="30" width="150" border="0" /></a>  
  
          <!--/Navigation-->  
        </div>  
        <!--Untermenüs-->  
        <div onmouseover="javascript:showMenue('umenue1');" onmouseout="javascript:hideMenue('umenue1');" class="umenue1" id="umenue1">  
<ul>  
<li><a href="index.php?seite=discografie">Discografie</a></li>  
<li><a href="index.php?seite=songtexte">Songtexte</a></li>  
</ul>  
</div>  
        <!--/Untermenüs-->  
        <div style="position:absolute;top:16px;left:32px;width:150px;height:150px;">  
          <img src="bilder/Logo1.gif" alt="XXXXXX Logo" height="150" width="150" border="0" />  
        </div>  
        <div style="position:absolute;top:128px;left:192px;width:560px;height:296px;">  
          <table width="560" border="0" cellspacing="2" cellpadding="0">  
            <tr>  
              <td class="scroll">  
                <div style="overflow: auto; height: 100%; width: 100%;">  
                  <!-- Inhalt -->  
<form id="FormName" action="(EmptyReference!)" method="get" name="FormName">  
<div class="mitte">  
<h1><u>Kontackt</u></h1>  
  
<span style="text-align:left;width:120;">Ihr Name:</span>  
<span style="text-align:right;width:220;"><input type="text" name="name" size="30"/></span>  
  
<br/>  
  
<span style="text-align:left;width:120;">Ihre eMail:</span>  
<span style="text-align:right;width:220;"><input type="text" name="vonmail" size="30"/></span>  
  
<br/>  
<br/>  
  
<span style="text-align:left;width:340;">Art der Anfrage:</span><br/>  
<span style="text-align:right;width:340;">  
<select style="width:316px;" name="art" size="1">  
   <option value="Booking">Ich m&ouml;chte XXXXXX Buchen</option>  
   <option value="Frage">Ich m&ouml;chte XXXXXX eine Frage stellen</option>  
</select>  
</span>  
  
<br/>  
  
<span style="text-align:left;width:340;">Ihre Nachricht:</span><br/>  
<span style="text-align:right;width:340;"><textarea name="nachricht" rows="7" cols="37"></textarea></span>  
  
<br/>  
<br/>  
  
<span style="text-align:center;width:170;"><input value="Nachricht Senden" type="submit" name="submitButtonName"/></span>  
<span style="text-align:center;width:170;"><input value="Felder leeren" type="reset"/></span>  
</div>  
</form>  
  
                  <!-- /Inhalt -->  
                </div></td>  
            </tr>  
          </table>  
        </div>  
      </div>  
    </div>  
  </body>  
</html>  

wenn ich nun das was im code zwischen <!-- Inhalt --> und <!-- /inhalt --> steht in eine html datei einfüge und mit dem browser öffner ist alles so ausgerichtet wie ich es haben will doch wenn ich das so öffne wie es oben steht dann sieht es so aus als ob die spawn style atribute nicht greifen...

irgentjemand eine idee?

Gruss
MasterG

  1. Hallo MasterG,

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Du gibst eine URL im DOCTYPE an und befindest dich damit im CSS-standardkonformen Modus.  
      
      
      
    
    > ~~~html
      
    
    > <span style="text-align:left;width:340;">Art der Anfrage:</span>  
      
    
    > 
    
    

    width-Angaben müssen nach dem Standard bei Inline-Elementen, wie SPAN-Elemente es nun mal sind, ignoriert werden. Weitenangaben ohne eine Einheit (z.B. 'px') müssen darüber hinaus auch bei Blockelementen ignoriert werden.

    wenn ich nun das was im code zwischen <!-- Inhalt --> und <!-- /inhalt --> steht in eine html datei einfüge und mit dem browser öffner ist alles so ausgerichtet wie ich es haben will

    Lass mich raten: Mit "Browser" meinst du den Internet-Explorer von Microsoft.

    Das ist aber kein richtiger Browser und deshalb stellt er CSS-Breitenangaben auch in Pixeln dar, ohne dass man ihm die Einheit überhaupt sagt und deshalb bezieht er Breitenangaben auch auf Inline-Elemente wie SPAN, wenn man ihn durch Weglassen der URL in der DOCTYPE-Declaration oder durch Weglassen des gesamten DOCTYPES in den Quirksmodus (Ich-mach-was-ich-will-Modus) schickt.

    Gruß Gernot

    1. Hallo MasterG,

      Hallo Gernot,
      erst mal danke für deine antwort.

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      
      > Du gibst eine URL im DOCTYPE an und befindest dich damit im CSS-standardkonformen Modus.  
        
      ich habe jetzt die url weggelassen und die px hinzugefüht doch es geht denn noch nicht  
        
      
      > > ~~~html
        
      
      > > <span style="text-align:left;width:340;">Art der Anfrage:</span> 
      
      

      width-Angaben müssen nach dem Standard bei Inline-Elementen, wie SPAN-Elemente es nun mal sind, ignoriert werden. Weitenangaben ohne eine Einheit (z.B. 'px') müssen darüber hinaus auch bei Blockelementen ignoriert werden.

      wie kann ich das ganze denn sonst noch machen? eine tabelle oder so wollte ich eigentlich nicht nehmen...

      wenn ich nun das was im code zwischen <!-- Inhalt --> und <!-- /inhalt --> steht in eine html datei einfüge und mit dem browser öffner ist alles so ausgerichtet wie ich es haben will

      Lass mich raten: Mit "Browser" meinst du den Internet-Explorer von Microsoft.

      Das ist aber kein richtiger Browser und deshalb stellt er CSS-Breitenangaben auch in Pixeln dar, ohne dass man ihm die Einheit überhaupt sagt und deshalb bezieht er Breitenangaben auch auf Inline-Elemente wie SPAN, wenn man ihn durch Weglassen der URL in der DOCTYPE-Declaration oder durch Weglassen des gesamten DOCTYPES in den Quirksmodus (Ich-mach-was-ich-will-Modus) schickt.

      *g* naja also wie gesagt wenn ich die url weg lsse geht es nicht und den Doctype weglassen will ich nicht.

      Gruß Gernot

      Gruss
      MasterG

      1. Hallo MasterG,

        *g* naja also wie gesagt wenn ich die url weg lsse geht es nicht und den Doctype weglassen will ich nicht.

        So wollte ich auch keinesfalls verstanden werden.

        Zeig dein Beispiel mal live! Dann kann ich vielleicht mehr sagen.

        Gruß Gernot