Positionierung DIV Box

[Gunnar Bittersmann]

@@dia:

nuqneH

<style>

@type="text/css" fehlt (es sei denn, du verwendest HTML5).

//position:relative;

Es gibt in CSS keine einzeiligen Kommentare mit "//".

<div id='parent' style='width:50%'> <!-- Elternelement -->

Verwende keine @style-Attribute! Keine Angaben inline notieren, sondern alle im Stylesheet! Alle!

Der Kommentar ist überflüssig, wenn das Element schon @id='parent' hat.

<div id='parent' style='width:100%'> <!-- Elternelement -->

@id='parent' war schon vergeben. Polizei!

  	  Lebensmittel    

'&nbsp;' hat dort nichts zu suchen. Abstände erzeugst du mit CSS: 'margin' bzw. 'padding'.

&#8226; &#8226; &#8226; Koffeinhaltiges Getränk &#8226; &#8226; &#8226;

Die Bullet-Zeichen haben dort auch eher nichts zu suchen. Sie sind kein Inhalt, sondern Verzierung, sollten also mit CSS erzeugt werden: Pseudoelemente '::before' und '::after' mit 'content'-Eigenschaft bzw. Hintergrundbild.

Qapla'