Menü läuft raus

Menü läuft raus

Beitragvon Richard12 » 06.06.2010, 02:47

Moin moin,

irgendetwas stimmt nicht :roll: Aber ich sehe den Wald vor lauter Bäume nicht mehr.
Wenn im Ausgabefenster ein langer Text steht, ist alles in Ordnung:
Bild

Sobald aber nur ein bis zwei Zeilen dort stehen...

Bild

läuft das Menü raus.

Vielleicht weiß hier ja jemand woran es liegt.
Danke
Richard

Code: Alles auswählen
body {
   /*font: 76.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;*/
   font:76% Georgia;
   color:#646F5E;
   background:url(../images/body_bg.gif) #342321;
   margin:0;
}

* {
   margin:0;
   padding:0;
}

.clear {
   clear:both;
}

.hidden {
   display:none;
}

#nav .hidden {
   display:none;
}



em em {
   font-style:normal;
}

blockquote {
   background:#273322;
   border:1px solid #202B1C;
   font-size:120%;
}

#container {
   width:1000px;
   background:url(../images/container.jpg) top repeat-y;
   margin:0 auto;
}

#wrapper {
   width:960px;
   margin:0 auto;
}

#header {
   height:250px;
   background:url(../images/header.jpg) no-repeat;
}

#header h1 {
   text-align:center;
   padding:15px 0 0 0;
   color:#fff;
   font-size:240%;
   font-weight:normal;
}

#header h1 a {
   color:#fff;
   text-decoration:none;
}

#header h2 {
   color:#7C9B46;
   text-align:center;
   font:80% Verdana;
   letter-spacing:2px;
   text-transform:uppercase;
   padding:5px 0 0 0;
}

#sidebar {
   width:260px;
   float:left;
   padding:20px;
   background:url(../images/sidebartop.jpg) no-repeat;
   
}

#sidebar h2 {
   border-bottom:2px solid #AEA68D;
   color:#382725;
   font:165% Georgia;
   font-weight:normal;
   padding:10px 5px;
   line-height:29px;
}

#sidebar #sidenav {
   margin:10px 0;
}

#sidebar #sidenav li {
   list-style:none;
   padding:5px 2px;
   border-bottom:1px solid #96885C;
}

#sidebar #sidenav li a {
   padding:5px 2px;
   display:block;
   font:130% Georgia;
   text-decoration:none;
   color:#3D3725;
   background:url(../images/sidenava.gif) right no-repeat;
}

#sidebar #sidenav a:hover {
   color:#000;
}

#sidebar p {
   font-size:90%;
   line-height:24px;
   color:#805955;
   margin:10px 0;
   padding:5px;
}

#sidebar input {
   background:#A39783;
   color:#3D3725;
   padding:4px;
   width:250px;
   border:none;
   font:140% Trebuchet MS;
}
#content {
   margin:0 0 0 299px;
   background:url(../images/content.jpg) top left no-repeat;
}

#nav {
   padding:17px 0 0 0;
   margin:0;
}

#nav li {
   list-style:none;
   display:inline;
   margin:0;
}

#nav li a {
   padding:17px 10px;
   font:100% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
   text-decoration:none;
   font-weight:bold;
   color:#D6DBC1;
   background:url(../images/a_hover.gif) top no-repeat;
}

#nav a:hover {
   background:url(../images/a_hover.gif) bottom repeat-x #24331C;
}

a em {
   font-style:normal;
   text-decoration:underline;
}

#content_main {
    margin:18px 0 0 0;
   padding:5px 15px 15px 15px;
   background:url(../images/content_sub.jpg) top left no-repeat;
}

a {
   color:#fff;
   text-decoration:none;
}

#content_main a:hover {
   text-decoration:underline;
}

#content_main h2,h3,p,blockquote {   
   margin:15px;
   line-height:25px;
   font-size:120%;
}

#content_main h3 {   
   color:#939D8C;
   font-size:120%;
}

#content_main ul,ol {
   margin:15px 30px;
   line-height:25px;
}

#content_main h2 {
   font:180% Arial;
}

img {
   border:4px solid #273322;
}

#footerline{
    width:1000px;
   padding:24px;
   background: url(../images/footer_bg.jpg) no-repeat;
   
}
Richard12
neu hier
 
Beiträge: 1
Registriert: 06.06.2010, 01:54

Re: Menü läuft raus

Beitragvon Silverhawk1988 » 06.06.2010, 14:39

Hallo Richard12,

Ich bin mir nicht ganz sicher, ob ich der richtige bin um dir zu helfen, da ich erst selber anfange mich mit CSS zu beschäftigen.

WIe wäre es, wenn du bei deiner Menuleiste ein "min-height:" einsetzt? Dann würde dein Menu immer eine gewünschte Mindestlänge haben.

ACHTUNG: Ich bin mir nicht sicher, ob der Befehl "min-height: 100%;" von allen Browsern erkannt wird.

Am besten ließt du dir das mal durch. In der Mitte des Beiträges wird von einem ähnlichen Problem gesprochen.

http://www.ohne-css.gehts-gar.net/0044.php

Ich hoffe ich konnte dir in irgend einer Forum damit helfen.

Gruß Silver
Silverhawk1988
neu hier
 
Beiträge: 4
Registriert: 06.06.2010, 01:04


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Menü läuft raus"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast