PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Wider problem mit CSS und IE


Schimi1983
2004-08-08, 23:25:44
http://schimi1983.world-mg.de/bodenleger/index.php

Firefox: so wie es soll
IE: ist der inhalt (das ist ein test) viel zu breit. wenn ichd en DIV container oder die tabelle dadrin auf z.B. 100px begrenze dann funzt dfas, wenn ich aba 100% eingebe dannimmt der das nicht wirklich an


idee?

Nase
2004-08-09, 00:01:20
Das Problem liegt meiner Meinung nach in der Grundstruktur deiner Seite.

Sphinx
2004-08-09, 00:31:27
idee?

Bitte nur als Denkanstoß... und nur mal grob angerissen.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>

<title>(EM) Elite-Marines</title>
<style type="text/css" media="all">@import "style.css";</style>
</head>


<DIV ID="menue">
<script type="text/javascript" language="JavaScript1.2"
src="http://schimi1983.world-mg.de/bodenleger/menue/stm31.js">
</script>




<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>

<table width="100%" height="100%" border="0" align="left" cellspacing="0" >
<tr bgcolor="#990000">
<td width="128" height="127"><img src="http://schimi1983.world-mg.de/bodenleger/images/logo.png" height="127" width="128"></td>
<td><table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div ID="menü">
<script type="text/javascript" language="JavaScript1.2" src="http://schimi1983.world-mg.de/bodenleger/menue/menue.js"></script>
</div></td>
</tr>
<tr>
<td height="64" valign="bottom"><img src="http://schimi1983.world-mg.de/bodenleger/images/bodenleger.png" width="480" height="64" align="right"></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#990000"><!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<p align="center"><a href="http://partners.webmasterplan.com/click.asp?ref=201630&site=3188&type=b3&bnb=3" target="_top"> <img src="http://banners.webmasterplan.com/view.asp?site=3188&ref=201630&b=3" border="0" alt="www.teltex.de" width="120" height="600"></a>
<!-- END PARTNER PROGRAM -->
</p>
<p>&nbsp; </p></td>
</tr>
</table></DIV>

<DIV ID="inhalt">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>111 das ist ein test das ist ein test das ist edas ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein testn test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein tesn test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein test das ist ein tes </td>
</tr>
</table>

</DIV>

</body>
</html>



CSS Source

#inhalt {
top: 163px;
left: 167px;
margin-right: 30px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 163px;
margin-top: 200px;
}
html>body #inhalt {
margin-left: 76px;
margin-right:76px;
}


Ganz Grob ^ das mit margin-left 163px ist für IE...

html>body #inhalt { // Für Mozilla/Firefox...

Schimi1983
2004-08-09, 07:03:40
.php
hmm, dsas hilft mir nicht wirklich weiter, damit positioniert der das noch weiter links und zwar im firefox und IE

siehe:
http://schimi1983.world-mg.de/bodenleger/test.php

Sphinx
2004-08-09, 07:58:34
.php
hmm, dsas hilft mir nicht wirklich weiter, damit positioniert der das noch weiter links und zwar im firefox und IE

siehe:
http://schimi1983.world-mg.de/bodenleger/test.php


IN der CSS Datei ( style.css )

Ersetze diese Zeilen ín der CSS Datei

#inhalt {
position: absolute;
top: 163px;
left: 167px;
z-index:1;
margin-right: 30px;
}

Durch exact diesen Eintrag
------------------------------------

#inhalt {
top: 163px;
left: 167px;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 143px;
margin-left: 143px;
}
html>body #inhalt {
margin-top: 143px;
margin-left: 140px;
}

Schimi1983
2004-08-09, 16:47:47
habe ichja gemacht aba bringt nicht wirklich was

siehe: http://schimi1983.world-mg.de/bodenleger/index.php

Schimi1983
2004-08-09, 20:27:39
ich ahbs geschafft :D ich musste einfach nur aus den tabellendie breite angabe rausnehmen (da waren 100% angegeben) und nun skaliert er das fast so wie ich es haben wilkl :D

Sphinx
2004-08-09, 21:54:17
ich ahbs geschafft :D ich musste einfach nur aus den tabellendie breite angabe rausnehmen (da waren 100% angegeben) und nun skaliert er das fast so wie ich es haben wilkl :D


1 - möglichkeit natürlich und die simpelste ,) nur manchmal will man die Breite ja auch lang haben...

-

Du hattes nur das vergessen (style.css ist nun richtig) :

"aber ie will erst ab" diesem change...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>

Schimi1983
2004-08-09, 22:52:20
ja kla, wenn man die tabelle breit haben will kann man die ja breit stellen :D nur in dem fall sollte die sich selbst skalieren.

Naja jetzt funzt es ja :D

malk gucken wa snoch für probleme entstehen :D

DANKe für eure hilfe