steckl: Freiraum mit fester Groesse

Hallo,

ich moechte in einem Text einen Freiraum mit fester Breite erzeugen. Habs bis jetzt mit folgenden Methoden versucht:

  
<span style="width:100px;"></span>  
  
<div style="display:inline; width:100px;"></div>  

Im IE (version6) klappen beide Moeglichkeiten. Im FF dagegen wird die Angabe bei width wie es scheint einfach ignoriert und die beiden Container (weiss nicht ob man das so bezeichnet) sind nur so breit, wie der Text der darin steht (hier also 0px).
An was kann das liegen?
Gibt es noch eine elegantere Moeglichkeit einen Freiraum zu erzeugen?

mfG,
steckl

  1. hi,

    ich moechte in einem Text einen Freiraum mit fester Breite erzeugen. Habs bis jetzt mit folgenden Methoden versucht:

    <span style="width:100px;"></span>

    <div style="display:inline; width:100px;"></div>

    
    >   
    > Im IE (version6) klappen beide Moeglichkeiten. Im FF dagegen wird die Angabe bei width wie es scheint einfach ignoriert und die beiden Container (weiss nicht ob man das so bezeichnet) sind nur so breit, wie der Text der darin steht (hier also 0px).  
    > An was kann das liegen?  
      
    Daran, dass es so sein \_muss\_.  
      
    Zum x-ten Mal: width und height \_müssen\_ bei Elementen, die display:inline haben, wirkungslos sein.  
      
    
    > Gibt es noch eine elegantere Moeglichkeit einen Freiraum zu erzeugen?  
      
    Nutze keine inline dargestellten Elemente, wenn du eine Breite vergeben willst.  
      
    gruß,  
    wahsaga  
      
    
    -- 
    /voodoo.css:  
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    
    1. Hallo wahsaga!

      <span style="width:100px;"></span>

      <div style="display:inline; width:100px;"></div>

        
      
      > Daran, dass es so sein \_muss\_.  
      >   
      > Zum x-ten Mal: width und height \_müssen\_ bei Elementen, die display:inline haben, wirkungslos sein.  
        
      Bist Du da sicher? Ich habe für meine Infoboxen(1) verschiedene inline-<div>s mit width und height-Angaben, die mir, wenn ich den Elementen noch ein border verpasse, sichtbar bestätigt werden. Oder hat es in meinem Fall einen anderen Grund?  
        
        
      1\. ich komme heute oder morgen später darauf zurück, da ich eine Frage zu einem Problem habe. Den bisherigen Code gibt's zum Beispiel im Quelltext der [Roadster-Seite](http://atomic-eggs.com/scr/scr_1.shtml) (die Boxen poppen beim Klick auf einem mit dem Grad-Zeichen gekennzeichneten °Link)  
        
      Viele Grüße aus Frankfurt/Main,  
      Patrick
      
      -- 
      ![](http://www.atomic-eggs.com/clubsig.gif)  
        
      \_ - jenseits vom delirium - \_  
        
      <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
      
      1. Hallo Patrick,

        Bist Du da sicher? Ich habe für meine Infoboxen(1) verschiedene inline-<div>s mit width und height-Angaben, die mir, wenn ich den Elementen noch ein border verpasse, sichtbar bestätigt werden. Oder hat es in meinem Fall einen anderen Grund?

        Inline-<div>s? Gibt's dafür nicht <span>?

        Verwirrte Grüße aus B
        Masin

        1. Hallo Masin!

          Inline-<div>s? Gibt's dafür nicht <span>?

          Doch, nur ein <div> kann weitere Block-Elemente enthalten, <span> nicht.

          Viele Grüße aus Frankfurt/Main,
          Patrick

          --

          _ - jenseits vom delirium - _
          <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
      2. hi,

        Ich habe für meine Infoboxen(1) verschiedene inline-<div>s mit width und height-Angaben, die mir, wenn ich den Elementen noch ein border verpasse, sichtbar bestätigt werden. Oder hat es in meinem Fall einen anderen Grund?

        Ja - Relationships between 'display', 'position', and 'float'

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hallo wahsaga!

          Ja - Relationships between 'display', 'position', and 'float'

          Punkt 2 trifft dann (wie vorhin vermutet) zu.

          3 und 4 verstehe allerdings nicht ganz. In der "table below" steht ja nur "block". Würde bedeuten, wenn float anders als none (nehmen wir an left), wird display:inline durch block überschrieben?

          Viele Grüße aus Frankfurt/Main,
          Patrick

          --

          _ - jenseits vom delirium - _
          <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
          1. hi,

            3 und 4 verstehe allerdings nicht ganz. In der "table below" steht ja nur "block".

            Nein, da stehen eine ganze Menge "Specified values" - also das, was du selbst im CSS für display möglicherweise angegeben haben könntest.

            Würde bedeuten, wenn float anders als none (nehmen wir an left), wird display:inline durch block überschrieben?

            Ja, genauso wie run-in, table-row-group, etc. - alle die, die in der zweiten Zeile unter specified Values stehen, werden durch float mit einem anderen Wert als none zum "computed value" block.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. Hallo wahsaga!

              3 und 4 verstehe allerdings nicht ganz. In der "table below" steht ja nur "block".

              Ich meinte damit "Computed value":

              alle die, die in der zweiten Zeile unter specified Values stehen, werden durch float mit einem anderen Wert als none zum _"computed value"_ block.

              Ok. Dann ist es jetzt klar, danke!

              Viele Grüße aus Frankfurt/Main,
              Patrick

              --

              _ - jenseits vom delirium - _
              <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
      3. Re!

        Oder hat es in meinem Fall einen anderen Grund?

        Es hatte. Eigenschaft display:inline weg (lokal, die Online-Css-Datei habe ich noch nicht ersetzt) und es ändert nichts. Dann war es ein Relikt aus der Box-Aufbau-Phase ;) Die position macht's oder irre ich mich?

        Viele Grüße aus Frankfurt/Main,
        Patrick

        --

        _ - jenseits vom delirium - _
        <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
  2. Hi,

    Gibt es noch eine elegantere Moeglichkeit einen Freiraum zu erzeugen?

    Hat der Freiraum eine inhaltliche Bedeutung, so dass er im Quelltext überhaupt notiert sein sollte? Wenn nicht, dann solltest Du einem vorhandenen Element das gewünschte margin zuweisen.

    freundliche Grüße
    Ingo

    1. Wenn nicht, dann solltest Du einem vorhandenen Element das gewünschte margin zuweisen.

      Danke fuer den tipp. So klappt es.

  3. Hallo,

    ich moechte in einem Text einen Freiraum mit fester Breite erzeugen. Habs bis jetzt mit folgenden Methoden versucht:

    <span style="width:100px;"></span>

    <div style="display:inline; width:100px;"></div>

      
    Also entweder suchst du <http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_indent@title=Text-indent> oder <http://de.selfhtml.org/css/eigenschaften/randabstand.htm#margin_left@title=margin-left>, aber mit Sicherheit mit solche veralteten <http://de.selfhtml.org/html/text/proprietaer.htm#raum@title=spacer>-Methoden!  
      
      
    mfg. Daniel
    
    -- 
    [Experten raten von der Verwendung des Internet Explorers ab!](http://web.oesterchat.com/internet-explorer/)  
    [Diese Programme](http://danielrichter.da.funpic.de/Testumgebung.html) braucht man, um Webseiten zu bauen!  
    [Mein SELF-stylesheet](http://danielrichter.da.funpic.de/SELFForumsCSS.html)  
    [Darum Firefox!](http://www.firefox-love.de/)  
    [Selfcode](http://forum.de.selfhtml.org/cgi-bin/selfcode.pl): [ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%7C+br%3A%3E+va%3A%7C+ls%3A%23+fo%3A%7C+rl%3A%28+n4%3A%23+ss%3A%7B+de%3A%3E+js%3A%7C+ch%3A%3F+mo%3A%29+zu%3A%7D)