balue: Div und Länge der Seite

Beitrag lesen

SELF-Forum

Div und Länge der Seite

balue
– Informationen zu den Bewertungsregeln

Hi,
folgendes Problem: ich habe ein div definiert, das über die ganze Seite geht und alles andere einschließt. Dieses soll als backgroundgrafik zwei lange Spalten links und rechts hinterlegen, in denen (links) das menü und (rechts) weitere Infos stehen.
Im Explorer gehts, im Firefox nicht.
Hier der CSS-Code:
body {
text-align:center;
margin:0px;

background-color: #748DBC;
        font-size: 0.9em;
        font-family: sans-serif;
        color: #FFFFFF;
}

#page_ganz
  {
  width: 939px;
   height:100%;
         margin:0px auto;
         text-align:left;
background-image: url(welle-halb.gif);
/*background-color:#f0f0f0;*/
         border:1px solid #ffffff;
}

#linke_spalte {
margin-top:20px;
width:160px;
float:left;
background-image: url(welle-halb.gif);
/*border:1px solid #ffffff;*/
}

#zusatz {
margin-left:10px;
margin-top:5px;
/*border:1px solid #cccfff;*/
}

#menue_oben {
margin-left:180px;
text-align:left;
}

#rechtespalte {
margin-top:20px;
float:right;
width:160px;
background-image: url(welle-halb.gif);
}

#content {
width:550px;
float:left;
margin-top:20px;
margin-left:20px;
}
#titel_banner {
 width:938px;
 height:251px;
margin-bottom:20px;
}

#hauptmenue {
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
}

#hauptmenue ul {
 list-style: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 font-size: 12px;
 font-weight: bold;
}

#hauptmenue ul#menu1 li{
 padding-left: 10px;
 padding-right:10px;
 padding-bottom: 1px;
}

#hauptmenue ul#menu1 a {
/*  background: url('pfeil_off.png') 2px 0px  no-repeat; */
/* padding-left: 12px; */
 display:block;
 padding:1px;
 border:1px solid #fff;
 background-color:#748DBC;
 text-align:left;
 color:#eeeeee;
 text-decoration: none;
}

#hauptmenue ul#menu1 a:hover, #hauptmenue ul#menu1 li.active a {
/*  background: url('pfeil_on.png') 2px 0px no-repeat; */
 background-color: #FFFFFF;
 color: #4d79d2;
}

#hauptmenue ul#menu1 li.active a {
/*  background: url('pfeil_on.png') 2px 0px no-repeat; */
 background-color: #FFFFFF;
 color: #4d79d2;
}

#hauptmenue ul#menu1 div.current {
 /* background: url('pfeil_on.png') 2px 0px no-repeat; */
 background-color: #FFFFFF;
 color: #4d79d2;
/* padding-left: 12px;*/
}

#hauptmenue ul#menu2 {
 margin-left: -2px;
 font-size: 10px;
}

#hauptmenue ul#menu2 a, #hauptmenue ul#menu2 div {
 font-size: 10px;
}

#hauptmenue ul#menu2 a {
/*  background: url('pfeil_off2.png') 2px 0px  no-repeat; */
 display: block;
 text-decoration: none;
}

#hauptmenue ul#menu2 a:hover, #hauptmenue ul#menu2 a:active, #hauptmenue ul#menu2 li.active a {
/* background: url('pfeil_on2.png') 2px 0px no-repeat; */
 background-color: #FFFFFF;
 color: #4d79d2;
}

#hauptmenue ul#menu2 div.current {
/* background: url('pfeil_on2.png') 2px 0px no-repeat; */
 background-color: #FFFFFF;
 color: #4d79d2;
}

#hauptmenue ul#menu2 li {
/* width: 20%;*/
}

#hauptmenue ul#menu3 {
 margin-left: -2px;
}

#hauptmenue ul#menu3 li {
/* width: 20%;*/
}

#hauptmenue ul#menu4 {
 margin-left: -2px;
}

#hauptmenue ul#menu4 li {
 width: 20%;
}

Und hier das Template mit dem dazugehörigen HTML-Code:

<body>

<!-- ###DOKUMENT### begin -->
<div id="page_ganz">

<div id="titel_banner">###BANNER###</div>
   <div id="menue_oben">###MENU_OBEN###</div>

<div id="linke_spalte">
      <div id="hauptmenue">###MENU###</div>
      <div id="zusatz">###ZUSATZ###<br></div>
   </div>
   <div id="rechtespalte">###RECHTS###</div>
   <div id="content">###INHALT###</div>

</div>
<!-- ###DOKUMENT### ende -->
</body>

Beitrag melden
–
Informationen zu den Bewertungsregeln