nicht angemeldet
Tabelle ohne Rahmen o.O
Hallo,
ich habe ein Problem mit den Tabellen auf meiner Homepage.
Im Firefox wird das genauso angezeigt wie ich es gerne hätte, nur im IE zickt das rum. Ich habe auch schon alles mögliche versucht, dass ich die Abstände wegkrieg, allerdings ohne Erfolg.
Firefox: http://img187.imageshack.us/img187/4364/firefoxec0.jpg
Internet Explorer: http://img301.imageshack.us/img301/5215/iefm1.jpg
Ich hoffe, es kann mir jemand bei dem Problem helfen.
css-Datei:
#oben {
text-align: center;
}
#links {
width: 150px;
float: left;
}
#rechts {
width: 150px;
float:right;
}
#unten {
text-align:center;
font-size: 10px;
padding: 5px;
}
body {
background-color: #001c59;
font-size: 11px;
}
td a {
text-decoration:none;
color: black;
font-weight: bold;
text-align:center;
}
.td1 {
margin:5px;
padding:5px;
}
.tdmenu {
width: 120px;
}
.table-calu{
width:500px;
background-color:#99CCFF;
}
.tdcalu-head{
background-color:#66B3FF;
text-align:center;
height:25px;
}
.tdfoot-calu{
background-color:#66B3FF;
text-align:right;
}
.tdimage{
width:100;
padding:5px;
}
.tdabstand{
width:200px;
}
.table-renai{
width:500px;
background-color:#BAEA9F;
}
.tdrenai-head{
background-color:#A5E481;
text-align:center;
height:25px;
}
.tdrenai-foot{
background-color:#A5E481;
text-align:right;
}
h1 {
text-align:center;
}
a {
color: black;
font-weight: bold;
}
#menu {
padding: 5px;
}
index:
<?php
include "inc/config.php";
echo "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"\n";
echo " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n";
echo "<html>";
echo " <head>";
echo " <title>CaluRO & RenaiRO</title>";
echo " <link rel="stylesheet" type="text/css" href="page.css" />";
echo " <meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />";
echo " </head>";
echo " <body>";
echo " <table width="999px" height="100%" align="center" border="0" rules="groups">";
echo " <tr><td colspan="3">"; // ganz oberer Div-Holder
include "banner.php";
echo " </td></tr>";
echo " <tr><td colspan="3" align="center" style="background-color:#8033CC">";
include "menu.php";
echo "</td></tr>";
echo " <tr>";
echo " <td width="15opx" valign="top" style="background-color:#7d92bf">"; // linkes Menu
include "menul.php";
echo "</td>";
include "inhalt.php";
echo " </td><td width="150px" valign="top" style="background-color:#7F997F">"; // rechtes Menu
include "menur.php";
echo " </td>";
echo " </td></tr>";
echo " <tr><td height="125px" colspan="3" style="background-color:#8033CC"><div id="unten">"; // In der Mitte der Inhalt
include "foot.php";
echo " </div></td></tr>";
echo " </table>";
echo " </body>";
echo "</html>";
?>
Mit freundlichen Grüßen
Kirika
-
Liebe(r) Kirika,
ich habe ein Problem mit den Tabellen auf meiner Homepage.
das liegt daran, dass Du mit "den Tabellen" deine Seite layoutest, anstatt das von Dir ohnehin schon benutzte CSS konsequent zu diesem Zweck einzusetzen. In den von Dir angegebenen Ansichten konnte ich keine einzige Tabelle sehen, die auch als solche erkennbar hätte sein müssen. Es gab dort keine tabellarische auflistung von Informationen. Stattdessen konnte ich aus dem unsäglichen PHP-Code erahnen, wie das HTML-Dokument im Browser später einmal aussehen könnte.
1.) Poste in Fällen von Darstellungsproblemen nur Quellcode, der auch so im Browser ankommt!
2.) Poste besser einen Link zu einer Testseite, anstatt zweier Bilder und ellenlangem CSS-Code, zu dem das HTML-Dokument "fehlt"!3.) Lerne CSS konsequent für die Darstellung zu verwenden und benutze HTML einzig und allein zur Speicherung des Inhalts! Informiere Dich über "semantisches HTML"!
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Vielen Dank für den Tipp,
ich habe die Seite nun nur layoutet mit CSS so gut ich es konnte o.o
Bin nur ziemlich ratlos warum ich im Internet Explorer diese Rahmen bekomme und im Firefox nicht.
Hier mal ne Testseite:
http://87.118.99.142/kiri/test2/test.phpIndex:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN\ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>CaluRO & RenaiRO</title>
<link rel="stylesheet" type="text/css" href="page.css" />
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />
</head>
<body><table class="table-gesamt" border="0" rules="rules">
<tr>
<td colspan="3">
Hier erscheint das Banner
</td>
</tr>
<tr>
<td colspan="3" id="oben">
Hier erscheint das obere Menü
</td>
</tr>
<tr>
<td id="links">
Hier erhscheint das linke Menü
</td>
<td id="mitte">
Hier erscheinen die News
</td>
<td id="rechts">
Hier erscheint das rechte Menü
</td>
</tr>
<tr>
<td colspan="3" id="unten">
hier erscheint der Footer
</td>
</tr>
</table>
</body>
</html>CSS:
.table-gesamt{
width:999px;
height:100%;
align:center;
}#oben {
background-color:#8033CC;
text-align: center;
}#links {
align:left;
valign: top;
background-color:#7d92bf;
width: 150px;
}#rechts {
align:left;
valign:top;
background-color:#7F997F;
width: 150px;
}#mitte {
align:left;
width:699px;
valign:top;
background-image:url('images/bg.gif');
}#unten {
height:125px;
background-color:#8033CC;
text-align:center;
font-size: 10px;
padding: 5px;
}body {
background-color: #001c59;
font-size: 11px;
}Wäre für jeden weiteren Tipp dankbar, woran das liegen könnte.
Mit freundlichen Grüßen
Kirika-
ich habe die Seite nun nur layoutet mit CSS so gut ich es konnte o.o
dann versuchs nochmal nud fang neu an (ernsthaft) - das spart dir in summe gesehen viel zeit
http://www.css4you.de/wslayout1/index.html
http://www.css4you.de/wslayout1/ex0010.htmlBin nur ziemlich ratlos warum ich im Internet Explorer diese Rahmen bekomme und im Firefox nicht.
weil die standard stylesheets einer tabelle im ie anders aussehen als im firefox und einiges noch nicht überschrieben/angepasst hast
anstatt einer tabelle bringen, auszusehen wie ein aussageloses element, sollte man dafür lieber ein aussageloses element ohne formatierung verwenden = <div />
zu deinem php code oben
mach keine echos wo keine notwenig sind ;)
<html zeug><?=$title;?></html zeug>
oder
<html zeug><?php echo $title; ?></html zeug>ist besser zu lesen
und nochwas: invertiere deine quotes
schreib wenn schon
echo '<a href="blah.html">blahblah</a>';und nutze tabulatoren zur einrückung des codes (in php mit \t) leerzeichen sind für einrückung ungeeignet (jaja, ich weiss ist eine glaubenssache
-
ich habe die Seite nun nur layoutet mit CSS so gut ich es konnte o.o
dann versuchs nochmal nud fang neu an (ernsthaft) - das spart dir in summe gesehen viel zeithttp://www.css4you.de/wslayout1/index.html
http://www.css4you.de/wslayout1/ex0010.htmlBin nur ziemlich ratlos warum ich im Internet Explorer diese Rahmen bekomme und im Firefox nicht.
weil die standard stylesheets einer tabelle im ie anders aussehen als im firefox und einiges noch nicht überschrieben/angepasst hast
anstatt einer tabelle bringen, auszusehen wie ein aussageloses element, sollte man dafür lieber ein aussageloses element ohne formatierung verwenden = <div />
zu deinem php code oben
mach keine echos wo keine notwenig sind ;)
<html zeug><?=$title;?></html zeug>
oder
<html zeug><?php echo $title; ?></html zeug>ist besser zu lesen
und nochwas: invertiere deine quotes
schreib wenn schon
echo '<a href="blah.html">blahblah</a>';
> > und nutze tabulatoren zur einrückung des codes (in php mit \t) leerzeichen sind für einrückung ungeeignet (jaja, ich weiss ist eine glaubenssache Vielen Dank. sieht soweit schon ganz gut aus, nur hab ich noch ein Problem, ich möchte gerne das meine Menüs links udn rechts bis zum footer runtergehen, ist es möglich das i.wie einzustellen ? Hier nochmal die Seite: http://87.118.99.142/kiri/test2/test.php Index: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN\ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>CaluRO & RenaiRO</title> <link rel="stylesheet" type="text/css" href="page.css" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> </head> <body> <div class="gesamt"> <div id="banner"> Banner Test </div> <div id="oben"> oberes Menü </div> <div id="links"> linkes Menü </div> <div id="rechts"> rechtes Menü </div> <div id="mitte"> TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal </div> <div id="unten"> footer </div> </div> </body> </html> CSS: .gesamt{ margin:0px auto; text-align:left; border: 1px solid black; width:995px; height:100%; align:center; } #banner { background-color:#FFFFFF; height:200px; text-align:center; } #oben { background-color:#8033CC; text-align: center; height:20px; } #links { align:left; valign: top; background-color:#7d92bf; width: 150px; float:left; } #rechts { align:left; valign:top; background-color:#7F997F; width: 150px; float:right; } #mitte { margin-left:150px; margin-right:150px; background-image:url('images/bg.gif'); } #unten { clear:left:; height:125px; background-color:#8033CC; text-align:center; font-size: 10px; padding: 5px; } body { text-align:center; background-color: #001c59; font-size: 11px; } Hoffe, dass das irgendwie möglich ist, so wie ich mir das vorstelle. Mit freundlichen Grüßen Kirika-
Vielen Dank. sieht soweit schon ganz gut aus, nur hab ich noch ein Problem, ich möchte gerne das meine Menüs links udn rechts bis zum footer runtergehen, ist es möglich das i.wie einzustellen ?
das ist technisch mit html und css unmöglich - du kannst es nur fingieren, entweder mit javascript (ungute lösung) oder mit sogenannten faux columns http://www.alistapart.com/articles/fauxcolumns/
im endeffekt musst du also nur .gesamt ein sich wiederholendes hintergrundbild geben um so die spalten zu fingieren
-
Vielen Dank. sieht soweit schon ganz gut aus, nur hab ich noch ein Problem, ich möchte gerne das meine Menüs links udn rechts bis zum footer runtergehen, ist es möglich das i.wie einzustellen ?
das ist technisch mit html und css unmöglich - du kannst es nur fingieren, entweder mit javascript (ungute lösung) oder mit sogenannten faux columns http://www.alistapart.com/articles/fauxcolumns/
im endeffekt musst du also nur .gesamt ein sich wiederholendes hintergrundbild geben um so die spalten zu fingieren
Vielen Dank für deien Hilfe hast mir sehr geholfen ;)
Mit freundlichen Grüßen
Kirika
-
-
-
-
-