Darstellungsfehler IE7 + IE8 Beta
Hallo zusammen,
ich bekomme einfach ein Bild im IE nicht zentriert... was mache ich falsch? Im FF ganz klar wieder alles richtig...
Bild ist in zeile 117
Der Code:
ich bekomme einfach ein Bild im IE nicht zentriert... was mache ich falsch? Im FF ganz klar wieder alles richtig...
Bild ist in zeile 117
Der Code:
|
|
PHP-Quelltext |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{direction}">
<head>
<title>{site_name}</title>
<meta http-equiv="content-type" content="text/html; iso-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta name="robots" content="INDEX,FOLLOW">
<meta http-equiv="content-language" content="de">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="publisher" content="">
<meta name="copyright" content="">
<meta name="audience" content="">
<meta name="page-type" content="">
<meta name="page-topic" content="">
<meta name="creation_date" content="">
<meta name="revisit-after" content="10 days">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<link rel="stylesheet" href="{template_url}/style.css" />
<script language="javascript" type="text/javascript">
<!--
var captcha_reload_count = 0;
var captcha_image_url = "{url_captcha_image}";
function new_captcha_image() {
if (captcha_image_url.indexOf('?') == -1) {
document.getElementById('captcha_image').src= captcha_image_url+'?c='+captcha_reload_count;
} else {
document.getElementById('captcha_image').src= captcha_image_url+'&c='+captcha_reload_count;
}
document.getElementById('captcha_input').value="";
document.getElementById('captcha_input').focus();
captcha_reload_count++;
}
function opendetailwindow() {
window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
}
function right(e) {
if ((document.layers || (document.getElementById && !document.all)) && (e.which == 2 || e.which == 3)) {
alert("© Copyright by {site_name}");
return false;
}
else if (event.button == 2 || event.button == 3) {
alert("© Copyright by {site_name}");
return false;
}
return true;
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = right;
}
else if (document.all && !document.getElementById){
document.onmousedown = right;
}
document.oncontextmenu = new Function("alert('© Copyright by {site_name}');return false");
// -->
</script>
{if has_rss}
<link rel="alternate" type="application/rss+xml" title="{rss_title}" href="{rss_url}" />
{endif has_rss}
</head>
<body topmargin="10" leftmargin="0" bgproperties="fixed">
<div align="center">
<table border="0" width="100%" height="97%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="middle" align="center">
<div align="center"><center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" align="center"> <div align="center">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="5" valign="bottom" align="left"> </td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
</table>
<div align="center">
<center>
<table class="page_size" border="0" cellspacing="3" cellpadding="0">
</div>
<tr>
<td width="100%" height="100%" valign="top" align="center" bgcolor="#1E1E1E">
<div align="center">
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="4">
</div>
<tr>
<td width="648" height="200" align="center" valign="top">
<div align="center">
<table border="0" width="95%" height="1" cellspacing="0" cellpadding="0">
<tr>
<td align="left">{clickstream} / Spender / Kontakt</td>
<form method="post" action="{url_search}">
<td align="right" width="230">
<div align="center">
<input type="text" name="search_keywords" class="searchinput">
<input type="submit" value="{lang_search}" class="searchinput_button" name="submit"/>
<br />
<a href="http://4images.malediven-bilder.de"><img src="{template_url}/images/space.gif" width="1" height="1" border="0"></a>
<a href="{url_search}" class="smalltext">{lang_advanced_search}</a></div></td>
</form>
</tr>
</table>
<p><img src="images/header.gif" width="648" height="200" align="middle"></p>
<center>
</center>
</div>
</div>
<!-- ################################################### Start Content ################################################### -->
|
Ich dachte auch erst das ist mittig, aber wenn du das mit dem FF vergleichst, siehst du das die Boxen im IE alle zu weit links sind bzw. kleiner als die untere Box sind...
Edit:
Hab mir deinen code mal angeschaut und irgendwie wundert mich das man überhaupt was sieht. Du hast mehrere div und td tags nich geschlossen z.B. hier:
Ganz oben öffnest du mit einem td-tag und da drin hast du einen div mit ner Tabelle drin und ganz unten schliesst du mit zwei div-tags.
Das untere müsste ja ein td-tag sein. Und solche Sachen find ich da noch mehr.
Also entweder bin ich jetzt total neben der spur oder du musst deinen code nochmal grundlegend überarbeiten.
Edit:
Hab mir deinen code mal angeschaut und irgendwie wundert mich das man überhaupt was sieht. Du hast mehrere div und td tags nich geschlossen z.B. hier:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<td width="648" height="200" align="center" valign="top">
<div align="center">
<table border="0" width="95%" height="1" cellspacing="0" cellpadding="0">
<tr>
<td align="left">{clickstream} / Spender / Kontakt</td>
<form method="post" action="{url_search}">
<td align="right" width="230">
<div align="center">
<input type="text" name="search_keywords" class="searchinput">
<input type="submit" value="{lang_search}" class="searchinput_button" name="submit"/>
<br />
<a href="http://4images.malediven-bilder.de"><img src="{template_url}/images/space.gif" width="1" height="1" border="0"></a>
<a href="{url_search}" class="smalltext">{lang_advanced_search}</a></div></td>
</form>
</tr>
</table>
<p><img src="images/header.gif" width="648" height="200" align="middle"></p>
<center>
</center>
</div>
</div>
|
Ganz oben öffnest du mit einem td-tag und da drin hast du einen div mit ner Tabelle drin und ganz unten schliesst du mit zwei div-tags.
Das untere müsste ja ein td-tag sein. Und solche Sachen find ich da noch mehr.
Also entweder bin ich jetzt total neben der spur oder du musst deinen code nochmal grundlegend überarbeiten.
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Riddler« (29. März 2008, 09:39)

- 1
- 2



