PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Tabelle und CSS, Browser Problem



-Sensemann-
04-12-2003, 19:39
Hallo,

ich habe ein kleines Problem mit meinen Tabellen. Auf dem IE ist ein Spalt zu erkennen, bei Mozilla nicht. Bei Mozilla wackeln die Ränder bei IE nicht?





<HTML>
<HEAD>
<style type="text/css">
<!--
.node {
margin: 0 0 10px 0;
}

.node h1 {
margin: 0;
padding: 0;
font-weight: bold;
}

.node ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.node ul li{
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
}

table { color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
A:link,A:visited{ color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
A:hover,A:active{ color: #eaea0c; font-family: Arial; font-size: 10pt; text-decoration: none; }
-->
</style>

<title>Titel</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

</head>


<body bgcolor="c3c4d8" text=e7e7f1>

<center>



<table border="0" cellPadding="0px" cellSpacing="0px" height="188px" width="748px">
<tr>
<td height="188px">
<img src="gfx/header2.jpg" height="188px" width="748px" border="0">
</td>
</tr>
</table>


<table border="0" cellPadding="0px" cellSpacing="0px" height="441px" width="748px">

<tr>
<td style="vertical-align:top;

text-align:left;

border:none;

width:122px;

height:441px;

background-color:#4f61d8;

background-image:url(gfx/links2.jpg);

background-repeat:no-repeat;

background-position:top left;"
valign="top" align="left" border="0"

>

<div class="node">
<h3>schrift</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="G">link</a></li>

</ul>
</div>
<div class="node">
<h3>Kontakt</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="">Link</a></li>

</u>
</div>

</TD>

<TD valign="top" width="527px" bgcolor="7d83c1"> <!--d6dfff-->


Inhalt


<td style="vertical-align:top;

text-align:left;

border:none;

width:99px;

height:441px;

background-color:#4f61d8;

background-repeat:no-repeat;

background-position:top center;"

valign="top" align="left" border="0"

>

<div class="node">
<h3>Text</h3>
<br>
<br>
<br>
<u>Termine:</u> <br><br>
00.00.00
<br>


<h3>Interaktiv</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="">link</a></li>
</ul>
</div>

<tr>
<td colspan="3" bgcolor="4f61d8" align="center"><br>

</td>
</tr>

</table>

</center>

</body>

</html>

Jana
06-12-2003, 08:53
Leider mußte ich mich von meinem alten IE 5.0 verabschieden. Daher sehe ich momentan nicht mehr alles.
Die horizontale Verschiebung ist im IE anders als im Mozilla. Mehr kann ich nicht erkennen.

Die CSS in der mittleren und linken Spalte ist richtig gesetzt. Die linke Spalte ist im NS4.7
überwiegend weiß. Füge für den NS4 noch layer-background-color:blue;, dann ist der auch zufrieden.

Pingu
06-12-2003, 09:49
Hi Sensemann,

ich habe mir mal Deinen Markup angesehen und habe einige Fehler gefunden. Im wesentlichen hast Du die Closing-Tags vergessen. Wie sich dann die Browser verhalten ist meistens nicht im voraus abzusehen. Hier der bessere Markup. Die fehlerhaften Stellen habe ich rot markiert:

<HTML>
<HEAD>
<style type="text/css">
<!--
.node {
margin: 0 0 10px 0;
}

.node h1 {
margin: 0;
padding: 0;
font-weight: bold;
}

.node ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.node ul li{
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
}

table { color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
A:link,A:visited{ color: #FFFFFF; font-family: Arial; font-size: 10pt; text-decoration: none; }
A:hover,A:active{ color: #eaea0c; font-family: Arial; font-size: 10pt; text-decoration: none; }
-->
</style>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

</head>
<body bgcolor="c3c4d8" text=e7e7f1>
<center>
<table border="0" cellPadding="0px" cellSpacing="0px" height="188px" width="748px">
<tr>
<td height="188px">
<img src="gfx/header2.jpg" height="188px" width="748px" border="0">
</td>
</tr>
</table>

<table border="0" cellPadding="0px" cellSpacing="0px" height="441px" width="748px">
<tr>
<td style="vertical-align:top;
text-align:left;
border:none;
width:122px;
height:441px;
background-color:#4f61d8;
background-image:url(gfx/links2.jpg);
background-repeat:no-repeat;
background-position:top left;" valign="top" align="left" border="0">
<div class="node">
<h3>schrift</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="G">link</a></li>
</ul>
</div>
<div class="node">
<h3>Kontakt</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="">Link</a></li>
</ul>
</div>
</TD>
<TD valign="top" width="527px" bgcolor="7d83c1"> <!--d6dfff-->
Inhalt
</td>
<td style="vertical-align:top;
text-align:left;
border:none;
width:99px;
height:441px;
background-color:#4f61d8;
background-repeat:no-repeat;
background-position:top center;" valign="top" align="left" border="0">
<div class="node">
<h3>Text</h3>
<br>
<br>
<br>
<u>Termine:</u>
<br>
<br>
00.00.00
<br>
<h3>Interaktiv</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="">link</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="4f61d8" align="center">
<br>
</td>
</tr>
</table>
</center>
</body>
</html>

Gruß

Pingu

PS: im IE/Mac und Mozilla sieht es jetzt ok aus.

-Sensemann-
07-12-2003, 22:46
Vielen Dank nun funktionierts.

Die Beschreibung der Tabelle war auch nicht wirklich sauber wie ich festgestellt hatte :(

-Sensemann-
08-12-2003, 04:41
Jetzt ist gerade was zum Vorscheingekommen

Der Abstand zwischen der Menü Überschrift und dem Menü ist mir zu groß.

Ich habe es schon mit verschiedenen Werten versucht jedoch klappt es nicht.




<!--
.node {
margin: 0 0 10px 0;
}

.node h1 {
margin: 0;
padding: 0;
font-weight: bold;
}

.node ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.node ul li{
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
}
-->

Pingu
08-12-2003, 10:09
Hi Sensemann,

ist ja aucxh logisch. Ich hebe Dir mal rot hervor wo wahrscheinlich das Problem ist. Die Lösung wird Dir dann sicherlich ins Auge springen:


[..]
.node h1 {
margin: 0;
padding: 0;
font-weight: bold;
}
[..]
<div class="node">
<h3>schrift</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="G">link</a></li>
</ul>
</div>
<div class="node">
<h3>Kontakt</h3>
<ul>
<li><a href="index.php?showpage=link" target="_self" alt="">Link</a></li>
</ul>
</div>
[..]

Gruß

Pingu

-Sensemann-
09-12-2003, 22:34
Nur mal so warum interpretiert der IE immer einen Freiraum in diese Tabelle?

da bekommt man echt Probleme mit den Nerven

-Sensemann-
14-12-2003, 19:06
Wenn sich das einer Direkt anschaun möchte , eine pn an mich schicken.

weil so richtig offiziell ist sie ja noch net on.