wieder mal ein problem mit IE & Firefox
folgende seite:
http://www.chromstahl-design.ch/cms/
wenn man die mit firefox oder internetexploerer anschaut sieht das eigentlich ganz normal aus. wenn man nu aber auf der seite im browser die lesezeichen sidebar, oder chronik einblendet ist der content komplet gestaucht.
soviel ich sehe ist da irgendwo das rechte ende des content feldes absolut bestimmt.
nun möchte ich also, das ich das mit prozent, oder relativ, oder was auch immer machen kann, damit wenn die sidebar eingeblendet ist, net der ganze content gestaucht wird.
mein problem is auch das ich net weiss wo im css file das festgelegt ist. habs bisher net gefunden. im #content id scheints ned zu sein.
könnt ihr mir weiterhelfen?
THX`! mfg gf-x
cssfile:
HTML
a {
color: #cccccc;
}
a img {
border: none;
}
a:visited {
color: #cccccc;
}
a:hover {
color: #ffffff;
}
acronym, abbr {
border-bottom: 1px dashed #ffffff;
}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 5px solid #ffffff;
margin-left: 200px;
padding-left: 5px;
}
body {
background: #000000;
border: solid 2px #0a0a0a;
border-top: solid 3px #000000;
color: #cccccc;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
margin: 0;
padding: 0;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
border-bottom: 1px dotted #cccccc;
font: 95% "Times New Roman", Times, serif;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding-bottom: 2px;
}
h3 {
border-bottom: dotted 1px #666666;
font-family: "Times New Roman", Times, serif;
margin-top: 0;
}
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: -1px;
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.credit {
background: #252525;
border-top: double 3px #666666;
color: #666666;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
.credit a:link, .credit a:hover {
color: #fff;
}
.feedback {
color: #ccc;
text-align: right;
clear: both;
}
.meta {
font-size: .75em;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}
.storytitle {
margin: 0;
}
.storytitle a {
text-decoration: none;
}
#content {
margin: 30px 300px 50px 200px;
padding-right: 60px;
}
#header {
background: #252525;
border-bottom: double 3px #666666;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
font: italic normal 230% 'Times New Roman', Times, serif;
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
}
#header a {
text-decoration: none;
}
#header a:hover {
text-decoration: none;
}
#menu {
background: #000000;
border-left: 1px dotted #000000;
border-top: solid 3px #333333;
border-bottom: solid 3px #333333;
padding: 20px 0 10px 30px;
position: absolute;
left: 2px;
top: 85px;
width: 150px;
height: 170px;
}
#menu form {
margin: 0 0 0 13px;
}
#menu input#s {
width: 80%;
background: #eee;
border: 1px solid #999;
color: #666666;
}
#menu ul {
color: #666666;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
}
#menu ul li {
font: normal 110% 'Times New Roman', Times, serif;
letter-spacing: 0.1em;
margin-top: 5px;
padding-bottom: 2px; /*border-bottom: dotted 1px #333333;*/
}
#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
#menu ul ul li {
border: 0;
font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}
#menu ul ul li a {
color: #cccccc;
text-decoration: none;
}
#menu ul ul li a:hover {
border-bottom: 1px solid #333333;
}
#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}