Beetje *beep* met de width's en height's?DennizZ schreef:Hoi mensen,
Ik heb het menu en de header uit dit topic ingebouwd
Nu zijn er twee vrij vervelende problemen:Ik hoop dat iemand hier een oplossing voor heeft,
- oDe tabellen zijn uitgerekt of ingetrokken
oIn FF werkt alles perfect maar in IE staat het menu vaak in de tekst of als je wilt reply'en staat de reply box helemaal rechtsbuiten beeld.
Dit zijn namelijk twee vrij vervelende problemen.
Groetjes,
Dennis :thumb:
Code: Selecteer alles
div.article {
position: absolute;
overflow: hidden;
top: 120px;
left: 20px;
right: 240px;
text-align: justify;
padding-bottom: 10pt;
}
Code: Selecteer alles
<!--[if IE]>
<script type="text/javascript">
if (document.documentElement && document.documentElement.clientWidth) {
myWidth = document.documentElement.clientWidth; }
else if (document.body && document.body.clientWidth) {
myWidth = document.body.clientWidth;
}
myWidth = myWidth - 260 - 16;
document.writeln('<style type="text/css">');
document.writeln('div.article {');
document.writeln(' width: ' + myWidth + 'px;');
document.writeln('}');
document.writeln('</style>');
</script>
<![endif]-->
Code: Selecteer alles
<!--[if lt IE 7.]>Code: Selecteer alles
<!--[if IE]>Ik kom regelmatig anoniem langs hoorBee schreef:Leuk u weer eens te zien
. Meestal als ik weer wat ellende moet oplossen omdat er figuren zijn die menen dat alles mag op het internet 
.Ik heb IE7 heel even kunnen bekijken en had daarin gezien dat de nodige CSS bugs nog aanwezig zijn. Als deze zou zijn opgelost is dat mooi! Echter het kan volgens mij geen kwaad om de breedte uit te rekenen, ook niet in IE7.Bee schreef:De bug is opgelost in Internet Explorer 7, dus zijn hier andere conditional comments nodig, en dan wordt het:
Heb even de broncode opgevraagd en dan zie ik:DennizZ schreef:Bedankt voor de hulp maar het lijkt niet te helpen,
Aangezien ik nog steeds alleen de emoticons box zie.
Code: Selecteer alles
<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css">
<link rel="stylesheet" href="templates/subSilver/blue.css" type="text/css">
<!--[if IE]>
<script type="text/javascript">
if (document.documentElement && document.documentElement.clientWidth) {
myWidth = document.documentElement.clientWidth; }
else if (document.body && document.body.clientWidth) {
myWidth = document.body.clientWidth;
}
myWidth = myWidth - 260 - 16;
document.writeln('<style type="text/css">');
document.writeln('table {');
document.writeln(' width: ' + myWidth + 'px;');
document.writeln('}');
document.writeln('</style>');
</script>
<![endif]-->
</head>
<!--[if lt IE 7.]>
<script type="text/javascript">
if (document.documentElement && document.documentElement.clientWidth) {
myWidth = document.documentElement.clientWidth; }
else if (document.body && document.body.clientWidth) {
myWidth = document.body.clientWidth;
}
myWidth = myWidth - 260 - 16;
document.writeln('<style type="text/css">');
document.writeln('div.article {');
document.writeln(' width: ' + myWidth + 'px;');
document.writeln('}');
document.writeln('</style>');
</script>
<![endif]-->
<body>
