ich bekomme meine Boxen auf der rechten Seite einfach nicht so positioniert wie das Menü links. Habe schon vieles in der CSS versucht. Wie man auf der Seite sieht hängen die Boxen einfach nur hinuter und der Abstand nach rechts und links stimmt nicht mehr.
Hier die letze CSS - hab schon mit den verschiedenen Werten gespielt aber vieleicht fällt jemand etwas auf:
/*
css Datei copyright by ilch.de
erstellt von scaRFhogg
seite: www.daiwai.de
--
Design copyright by ilch.de
erstellt von fanguro
seite: www.zurro.de
--
Support auf www.ilch.de
*/
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #000000;
font-size: 12px;
font-family: Verdana, sans-serif;
}
#wrap {
position: relative;
width: 967px;
text-align: left;
margin: 0 auto 0 auto;
}
#header {
background: url(img/logo.gif);
height: 181px;
text-align: center;
vertical-align:middle;
}
#header font {
display: inline;
position: absolute;
left: 572px;
top: 148px;
margin-top: 2px;
font-size: 10px;
text-decoration: none;
}
#header h1 {
display: inline;
position: absolute;
top: 110px; left: 100px;
color: #fff;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 24px;
}
#content {
background: url(img/contentbg.gif);
background-repeat: repeat;
width: 967px;
}
#footer {
background: url(img/footer.gif);
height: 43px;
text-align: center;
vertical-align: middle;
}
#left_col {
width: 150px;
float: left;
padding-top: 0px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 0px;
color: #000000;
overflow: hidden;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color: #000000;
}
#left_col a {
color: #000000;
}
#left_col .menu_heading
{
color: #000;
display:block;
letter-spacing: 1px;
font-size: 11px;
padding: 0 0 3px 5px;
}
#main_col {
width: 667px;
float: left;
padding-top: 0px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
clear: none;
min-height: 100px;
overflow: auto;
}
#right_col1 {
width: 150px;
float: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col2 {
width: 150px;
float: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col1 .menu_heading,
#right_col2 .menu_heading
{
color:#fff;
font-size:11px;
letter-spacing: 1px;
}
#left_col ul
{
padding: 0;
margin: 0;
list-style: inside url(img/box_menu_pfeil.gif);
width: 145px;
}
#left_col li
{
margin:0;
padding: 0px 0 0 0px;
background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}
#left_col li ul
{
width: 150px;
background: url(img/box_menu_trennlinie.gif) no-repeat top;
}
#left_col li li
{
padding-left: 0px;
}
#left_col li a
{
color: #000000;
padding-left: 0px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
td
{
font-family: Verdana;
font-size: 12px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
color: #000000;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
a.box
{
color: #000000;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a.box:hover
{
text-decoration: none;
}
.Chead
{
background: #16639b;
color: #9dbdd4;
}
.Chead a
{
color: #9dbdd4;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
background: #16639b;
color: #9dbdd4;
}
.Callg
{
background-color: #EFEFEF;
color: #000000;
}
.Callg td
{
color: #000000;
}
.Cnorm
{
background-color: #e5e5e5;
}
.Cmite
{
background-color: #B4C6D8;
}
.Cdark
{
background-color: #9AB1C8;
}
.rand
{
border: solid #185685 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
background-color: #185685;
}
hr
{
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #000000;
font: 12px Verdana;
border-color: #185685;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #EFEFEF;
}
.menu:link, .menu:visited, .menu:active
{
display: block;
color: #000000;
font-size: 12px;
background: url(http://www.dieunterhosen.de/dieunterhosen/cms/include/designs/ilchClan/img/button1.gif);
width: 145px;
height: 20px;
text-indent: 0px;
text-decoration: none;
font-family: Arial, sans-serif;
line-height: 20px;
}
.menu:hover
{
display: block;
color: #000000;
font-size: 12px;
background:url(http://www.dieunterhosen.de/dieunterhosen/cms/include/designs/ilchClan/img/button2.gif);
width: 145px;
height: 20px;
text-indent: 5px;
text-decoration: none;
font-family: Arial, sans-serif;
line-height: 20px;
font-style: none;
}
Wäre nett wenn mir jemand helfen könnte damit ich weiter am Design arbeiten kann...
MfG und Danke Webi.
verwendete ilchClan Version: 1.1
betroffene Homepage: externer Link
