noobie frage

[Bastian]

Moin,

bin absoluter noobie was web-progging angeht und wollte mich da mal ein bisschen reinfuchsen...

also hab mir das thema "Mehrspaltige CSS-basierte Layouts" von selfhtml angekuckt und wollte das beispiel "Mehrspaltiges Layout mit Kopf- und Fußzeile" um ein logo, das oben links neben dem kopf platziert werden soll, erweitern

hat auch alles soweit geklappt nur mein prob is das der inhalts div bereich sich überlagert mit dem logo

hier meine erweiterung im css bereich:

h1 {
    font-size: 1.5em;
    margin: 0 8em; /* edited */
    padding: 0.3em;
    text-align: center;
    background-color: #fed;
    border: 2px ridge silver;
  }
  div#logo /* komplett neuer bereich*/
  {
 float:left;
  }

und die erweiterung im html bereich:

/* nur div bereich neu*/
  <div id="logo" >
    <img src="logo.jpg" alt="Logo" />
  </div>

<h1>CSS-basierte Layouts</h1>

woran liegt es nun das die navi über dem inhalt liegt oder warum gehen die navi, inhalt und info nich ein weiter runter?? so wie es ohne logo doch auch war

[Teufelchen]

bin absoluter noobie

Du möchtest vielleicht ein newbie sein, aber bestimmt kein n00b, und erst recht kein noobie.

was web-progging angeht

Mantra: Webseiten werden nicht programmiert.

div#logo /* komplett neuer bereich*/
{
  float:left;
}

woran liegt es nun das die navi über dem inhalt liegt

float dient dazu, Bereiche umfließen zu lassen. Das betreffende Element wird nach links oder rechts geschoben und alle nachfolgenden Elemente fließen seitlich um es herum, soweit möglich.

oder warum gehen die navi, inhalt und info nich ein weiter runter??

Weil du dem Element float:left verpasst hast. Nimm float raus, dann erhältst du den normalen Elementfluss und alle dem Logo folgenden Elemente erscheinen unter statt rechts neben ihm.

[Bastian]

Weil du dem Element float:left verpasst hast. Nimm float raus, dann erhältst du den normalen Elementfluss und alle dem Logo folgenden Elemente erscheinen unter statt rechts neben ihm.

die sache ist ja das ich das logo links neben dem kopf haben möchte und ich dachte das ich das mit float hinbekomme...
ok aber wie kann ich das denn hinbekommen das die div bereiche vom logo und kopf nebeneinander stehen und nich untereinander?

[Harlequin]

Yerf!

die sache ist ja das ich das logo links neben dem kopf haben möchte und ich dachte das ich das mit float hinbekomme...

Im Prinzip geht das schon, man muss nur beachten, das gefloatete Elemente die Höhe des Elternelements nicht beeinflussen.

ok aber wie kann ich das denn hinbekommen das die div bereiche vom logo und kopf nebeneinander stehen und nich untereinander?

z.B. mit float und einer festen Höhe für den Header.

Gruß,

Harlequin

[Bastian]

z.B. mit float und einer festen Höhe für den Header.

ah ok, jetzt funzt es, thx!

grüße basti