HTML/CSS 100% Höhe CSS

[web2null]

Ich hab schon öfters das Problem gehabt das 100% höhe bei divs nicht gehen, gibts da nene tip?

schaut euch mal an was ich meine:

https://thinr.de/fjp2s5z7

Ich möchte gerne das die Navigation 100% ist

 

[theHacker]

Gib dem Inhalt einfach ein

margin-left: 250px;

, dann fließt er nicht wieder nach links, wenn er an der Navigation vorbei is.

 

[web2null]

manchmal is die lösung so nah und man kommt nicht drauf, probiert es 100 andere sachen obwohls ganz einfach ist.

Vielen Dank

//edit
Kann mir vielleicht noch wer helfen beim dem <p> was da unten steht, warum erzeigt das ein abstand von 13 px unten zum footer hin?

 

[theHacker]

@edit:
Wenn du nochmal den Code zeigst, lass ich Firebug nochmal drauf los

 

[web2null]

sorry mein fehler -> https://thinr.de/lukdm95t

 

[theHacker]

Da is noch ein systembedingter Margin an der Liste - letztes Element vom Inhalt - dran. Beim Firefox:

ul {
  margin: 1em 0;
}

Die 1em nach unten is der Abstand.

 

[topfkanne]

Und wenn du das margin der <ul> nicht entfernen möchtest, kannst du alternativ auch ein overflow:hidden auf den Content (z.B. auf .inhalt) anwenden, dann werden die margin's abgeschnitten.

Anstelle des negativen margin-left auf den div.inhalt hättest du diesem übrigens auch einfach ein float:left zuweisen können.