ich hoffe mal, dass das hier rien gehört…
ich habe bei meiner homepage (link ist in der signatur) ein problem… rechts ist immer ein schwarzer strich, der zum container dazu gehört. aber der container ist nur 800px breit, genauso, wie der banner und die beidne grafiken, die ich benutze…
kann mir jmd helfen???
der strich wird nur beim IE angezeigt…
css-code
body {
text-align: center;
background: #ccc;
}
#container {
float: right;
margin-right: 245px;
margin-top: 20px;
height: auto;
width: 800px;
background: #000;
text-align: left;
}
#box1 {
height: 150px;
width: 700px;
float: right;
background: #000;
margin-top: 30px;
margin-right: 100px;
}
#box {
text-align: left;
margin-right: 80px;
margin-bottom: 30px;
margin-top: 30px;
float: right;
height: auto;
width: 400px;
background: #000;
color: #0f50ff;
}
p {
color: #ccc;
font-size: 14px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
}
h2 {
color: #ccc;
font-size: 16px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
}
ul#Navigation {
text-align: left;
margin-top: 30px;
float: left;
width: 150px;
margin-left: 20px;
padding: 0.8em;
background-color: #000;
border-right: 1px solid #fff;
}
* html ul#Navigation {
width: 11.6em;
width: 10em;
padding-left: 0;
padding-left: 0.8em;
}
ul#Navigation li {
list-style: none;
margin: 0.4em; padding: 0;
}
ul#Navigation a {
border-bottom: none;
border-right: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-family: Arial, Tahoma, Helvetica, sans-serif;
display:block;
padding: 0.2em;
text-decoration: none;
color:#fff;
background-color: #000;
}
* html ul#Navigation a {
width: 100%;
w\idth: 8.8em;
}
ul#Navigation a:hover {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-family: Arial, Tahoma, Helvetica, sans-serif;
color: #fd6c0b;
background-color: #000;
}
a {
color: #fd6c0b;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
a:hover {
color: #fd6c0b;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
}
ul#Navigation1 {
text-align: left;
margin-top: 30px;
float: left;
width: 150px;
margin-left: 20px;
padding: 0.8em;
background-color: #000000;
border: 1px solid #000;
}
* html ul#Navigation1 {
width: 11.6em;
width: 10em;
padding-left: 0;
padding-left: 0.8em;
}
ul#Navigation1 li {
list-style: none;
margin: 0.4em; padding: 0;
}
ul#Navigation1 a {
font-family: Arial, Tahoma, Helvetica, sans-serif;
display:block;
padding: 0.2em;
text-decoration: none;
border-top: 1px solid #787878;
border-left: 1px solid #787878;
color:#fff;
background-color: #000000;
}
* html ul#Navigation1 a {
width: 100%;
w\idth: 8.8em;
}
ul#Navigation1 a:hover {
border-top: none;
border-left: none;
border-bottom: 1px solid #787878;
border-right: 1px solid #787878;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
color: #ccc;
background: #000;
}
EDIT/PS:
vllt hängt es mit meiner alten css-datei zusammen, da meine alte css-datei den container 900px breit angegeben hat…