✔ DIV ganz links ausrichten?

[Testdrive16]

Hallo,
Ich habe heute damit angefangen mich mit DIV zu befassen und bis jetzt habe ich auch auch alles verstanden nur gibt es noch so dumme Sachen die ich nicht verstehe.

Ich habe nun eine DIV eingebaut:

body 
{
 font-family:Verdana;
 font-size:12px;
 background-color:#bdbec6;
 text-align:center;
 margin:0px;
}
a:link, a:visited, a:active, a:hover
{ 
  text-decoration:underline;
  font-weight:normal;
  color:#ff0000;
  font-size:12px;
}
a:active, a:hover
{ 
  color:#009999;
}
a.menu:link, a.menu:visited
{ 
  color:#eeeeee;
 background-color:#737994;
 text-decoration:none;
}
a.menu:active, a.menu:hover
{ 
  color:#737994;
 background-color:#000000;
}
a.menu {
display:block;
 padding:1px;
 border-top:1px solid #000;
 background-color:#000000;
 text-align:center;
 font-weight:bold;
 color:#eeeeee;
 text-decoration:none;
 }

#left {
float: left;

}
.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;

background-color:#7b7d8e;
width:106px;
margin:10px;
}

Und auf der Seite eingebunden:

 <div  id="left">
  <div class="menucontainer">
   <p class="menutitle">MENU 1</p>
   <a class="menu" href="#">1</a>
   <a class="menu" href="#">2</a>
   <a class="menu" href="#">3</a>
   <a class="menu" href="#">4</a>
   <a class="menu" href="#">5</a>
  </div>

Mein Problem ist jetzt, dass das Menü nicht GANZ am linken Rand ist. Sondern da sind halt noch ein paar px zwischen.
Nun möchte ich aber dasdie DIV ganz am Rand ist.

Könnte mir da jemand helfen?

mfg Testdrive16

 

[randomize]

Beim body padding: 0px; einfügen und lunsen, ob's klappt.

 

[Testdrive16]

Nein, da tut sich nicht wirklich viel.

 

[Ultraflip]

Der Fehler liegt in der Klasse "menucontainer"
unzwar genau hier:

.menucontainer { 
border:1px solid #000; 

background-color:#7b7d8e; 
width:106px; 
margin:10px;  }

Du setzt zwar das margin beim Body-Tag auf 0, stellst es aber bei deinen Div auf 10px vom Rand ... richtig wäre also

.menucontainer { 
border:1px solid #000; 

background-color:#7b7d8e; 
width:106px; 
margin:0px;  
}

Nun müsste es klappen

MfG
Ultraflip

 

[Ultraflip]

Du kannst übrigens auch über

margin-top:10px;

den Abstand nach oben behalten und trotzdem "links am Rand" bleiben ...

MfG
Ultraflip

 

[Testdrive16]

Super, vielen Dank.

Nun habe ich noch ein kleines Prob.

Ich wollte das nun in eine externe .css packen, aber irgendwie nimmt er das nicht an.

Die .css heißt style.css

Und der code im header
<link type="text/css" href="style.css">


Was is da denn bitte falsch?

 

[Ultraflip]

Hi Du ...

Diesmal fehlt nur eine Kleinigkeit ... Du musst dem Browser noch sagen, dass das ein Stylesheet ist ---> rel="stylesheet"

Also muss der Link-Tag so aussehen ...

<LINK href="style.css" rel="stylesheet" type="text/css">

Jetzt müsste es gehen

Nochmals MfG
Ultraflip

 

[Testdrive16]

Dangöö