Mark.K: negative position:absolute oder margins schlechte Praxis?

SELF-Forum

negative position:absolute oder margins schlechte Praxis?

Mark.K
– Informationen zu den Bewertungsregeln 
  
           ,---------------|  
           |               |  
           |               |  
           |               |  
           |   post        |  
           |               |  
 ........  |               |  
 |      |  |               |  
 | meta |  |               |  
 |......|  `---------------'  


  
<div class="post">  
    <div class="meta"></div>  
</div>

Guten Morgen,
Ich möchte gerne fragen, ob es schlechter Programmierstil ist, wenn ich
ein <div> außerhalb eines anderen durch negative margins oder negativem
left/right Wert positioniere? Sollte ich stattdessen ein "wrapper" <div>
um beide Elemente legen und "post" und "meta" dann positionieren ?

Konkret geht es um einen Blog-Post, dessen meta-Angaben (Autor,Datum,
 Post-typ) ich neben dem Artikel platzieren möchte.

mfg
mark

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. negative position:absolute oder margins schlechte Praxis?

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Mark.K:

    nuqneH

    Ich möchte gerne fragen,

    Tu’s doch! ;-)

    ob es schlechter Programmierstil ist,

    Es ist schlechter Stil, beim Entwickeln von HTML oder CSS von „Programmieren“ zu sprechen.

    wenn ich ein <div> außerhalb eines anderen durch negative margins oder negativem left/right Wert positioniere?

    Nein. Solange nicht …

    Sollte ich stattdessen ein "wrapper" <div> um beide Elemente legen und "post" und "meta" dann positionieren ?

    Es ist schlechter Stil, das Markup nachträglich wegen der Gestaltung zu ändern.

    Konkret geht es um einen Blog-Post, dessen meta-Angaben (Autor,Datum, Post-typ) ich neben dem Artikel platzieren möchte.

    In dem Fall sollte schon ein Element vorhanden sein, das den Artikel beinhaltet (article, body).

    Qapla'

    --
    „Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. negative position:absolute oder margins schlechte Praxis?

      dave
      – Informationen zu den Bewertungsregeln

      Hi,

      Nein. Solange nicht …

      Funktioniert nicht:

      <!DOCTYPE html>  
<title></title>  
<style type='text/css'>  
[code lang=css].hide-text {  
    text-indent: 100%;  
    white-space: nowrap;  
    overflow: hidden;  
}  
  
span {  
    display: block;  
    width: 50px;  
    height: 50px;  
    background: orange;  
}

      </style>

      <span class="hide-text">foo<br/>bar</span>[/code]

      Da bleib ich lieber bei den guten alten unperformanten aber dafür zuverlässigeren -9999px

      ~dave

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. negative position:absolute oder margins schlechte Praxis?

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@Gunnar Bittersmann:

      nuqneH

      Nein. Solange nicht …

      Das kommt dabei raus, wenn manche (in dem Fall Twitter) das Web kaputt machen.

      Der Link sollte nicht 'mobile' im URI haben.

      There is no Mobile Web. Nielsen irrt.

      Qapla'

      --
      „Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzuzufügen gibt, sondern wenn man nichts mehr weglassen kann.“ (Antoine de Saint-Exupéry)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln