Webseite will im IE nicht zentriert werden!
Konstl
- html
2 Gunnar Bittersmann0 D.R.
Hallo meine Webseite wird im IE einfach nicht zentriert auch im .css style habe ich sicherlich keine falschen angaben gemacht.der fehler muss darin liegen:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<meta
content="ST RAP, st rap, südtiroler rap, rap aus bozen, bz rap, bz on the mic, mikrofon bozen, südtirol on the mic, mikrofon bozen, mikrofon südtirol, south tyrol rap"
name="keywords">
<meta content="Alle ST RAPPER auf einen Blick!"
name="DC.Description">
<meta content="ST RAPPER" name="title">
<meta content="German, de, deutsch" name="language">
<meta content="ST RAPPER" name="author">
<meta content="ST RAPPER" name="publisher">
<meta content="2006 by ST RAPPER" name="copyright">
<meta content="after 20 days" name="revisit-after">
<meta content="rap" name="page-topic">
<meta content="rap" name="page-type">
<meta content="alle" name="audience">
<meta content="index,follow" name="robots">
<meta content="http://www.strapper.info" name="generator">
<meta content="blendTrans(Duration=0.8)"
http-equiv="Page-Exit">
<meta content="blendTrans(Duration=0.8)"
http-equiv="Page-Enter">
<title>ST RAPPER</title>
<link type="text/css" href="style.css"
rel="stylesheet">
</head>
<body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<table
style="text-align: left; margin-left: auto; margin-right: auto;"
id="tbl1" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td style="border-style: none;">
<table id="tbl3" border="0" cellpadding="0"
cellspacing="0" height="200" width="700">
<tbody>
<tr>
<td colspan="6"> <img
src="img/header_link_01.gif" alt="" height="155"
width="700"></td>
</tr>
<tr>
<td> <img src="img/header_link_02.gif"
alt="" height="45" width="65"></td>
<td> <a href="strapper.html"><img
style="border: 0px solid ; width: 135px; height: 45px;"
src="img/header_link_03.gif" alt=""></a></td>
<td> <a href="forum/index.php"><img
style="border: 0px solid ; width: 150px; height: 45px;"
src="img/header_link_04.gif" alt=""></a></td>
<td> <a href="gbook.html"><img
style="border: 0px solid ; width: 150px; height: 45px;"
src="img/header_link_05.gif" alt=""></a></td>
<td> <a href="links.html"><img
style="border: 0px solid ; width: 150px; height: 45px;"
src="img/header_link_06.gif" alt=""></a></td>
<td> <img style="width: 50px; height: 45px;"
src="img/header_link_07.gif" alt=""></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table
style="width: 703px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 150px; width: 50px;"><img
src="img/cont.gif" style="width: 50px; height: 150px;"
alt=""></td>
<td><span style="color: rgb(255, 255, 255);"><img
style="width: 200px; height: 25px;" alt=""
src="img/plc/plc_b.gif"><br>
<br>
Willkommen auf strapper.info !<br>
Diese Webseite soll die Südtiroler Rap-Szene pushen und
dafür sorgen das der ST-Rap auch außerhalb der
Grenzen
Südtirols gehört wird. Unsere Inhalte werden meist
täglich aktualisiert, jedoch kann es auch zu kürzeren
Inaktivitäten des Teams kommen.<br>
</span></td>
<td
style="width: 50px; text-align: right; vertical-align: top; background-image: url(img/leiste.gif);"></td>
</tr>
</tbody>
</table>
<table
style="border-style: hidden; width: 703px; height: 300px; text-align: left; margin-left: auto; margin-right: auto;"
id="tbl2" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td
style="width: 50px; text-align: left; height: 300px; background-image: url(img/leiste.gif);"><span
style="color: rgb(255, 255, 255);"></span></td>
<td style="height: 300px;"><span
style="color: rgb(255, 255, 255);"> <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</span></td>
<td
style="width: 50px; height: 300px; background-image: url(img/leiste.gif);"><span
style="color: rgb(255, 255, 255);"></span></td>
</tr>
</tbody>
</table>
<table
style="width: 702px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="height: 50px; width: 50px; background-image: url(img/ecke_c.gif);"></td>
<td
style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>
<td
style="width: 560px; background-image: url(img/leiste_b.gif);"><span
style="color: rgb(255, 255, 255);"></span>
<marquee>STRAPPER.info ist ein Projekt der ST prod. -
online since July 2006</marquee>
</td>
<td
style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>
<td
style="height: 50px; width: 50px; background-image: url(img/ecke_d.gif);"></td>
</tr>
</tbody>
</table>
</body>
</html>
Ich bitte um Hilfe.
Danke!
Hello out there!
Würdest du bitte nur relevanten Quelltext posten? Deine Meta-Angaben interessieren niemanden; deine Keywords interessieren nicht einmal Suchmaschinen.
<body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);"
Schwarzer Adler auf schwarzem Grund?
Wozu ein style-Attribut? Sämtliche Angaben zur Darstellung gehört ins zentrale Stylesheet; die Trennung von Struktur (HTML) und Darstellungsangaben (CSS) macht den Quelltext wesentlich übersichtlicher und damit weniger fehleranfällig.
alink="#ee0000" link="#0000ee" vlink="#551a8b">
Wozu diese HTML-Attribute, wenn du CSS nutzt?
<table
Wozu diese Layouttabelle, wenn du CSS nutzt?
style="text-align: left; margin-left: auto; margin-right: auto;"
Dir ist bekannt, dass IE 'margin: auto;' nicht umsetzt? Dafür wendet er 'text-align' auch für Blockelemente an; diesen Fehler kann man ausnutzen.
Die Frage „Wie zentriere ich Elemente mit CSS?“ steht übrigens in den FAQ.
<br>
<br>
<br>
Sobald mehr als einmal '<br>' hintereinander vorkommt, machst du etwas falsch. Nutze CSS für Abstände.
<marquee>STRAPPER.info ist ein Projekt der ST prod. -
online since July 2006</marquee>
Sobald mehr als nullmal '<marquee>' vorkommt, machst du etwas falsch. Ticker – nein danke!
See ya up the road,
Gunnar
Hi, danke für deine Tips. Allerdings zeigt mir der IE den Lauftext an. Aber aus den FAQ bin ich leider nicht schlauer geworden ich habs wieder versucht.Kannst du mir das nicht direkt in meinem Quellcode zeigen, wie es funktioniert?
Danke
Hello out there!
Allerdings zeigt mir der IE den Lauftext an.
Das ist ja das Schlimme.
Kannst du mir das nicht direkt in meinem Quellcode zeigen, wie es funktioniert?
Nochmal:
Dafür wendet [der IE] 'text-align' auch für Blockelemente an; diesen Fehler kann man ausnutzen.
Also 'text-align: center' fürs Elternelement des zu zentrierenden, in deinem Fall also für body.
Da diese Eigenschaft vererbt wird, musst du sie für alle Nachfahren von body ggfs. wieder auf den Wert 'left' setzen.
See ya up the road,
Gunnar
Hi,
ich hab den code wie folgt abgeändert allerdings funzt es immer noch nicht, vielleicht kannst du mir ja noch mal helfen.
<body style="background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b">
<table style="text-align: center; margin-left: auto; margin-right: auto;" id="tbl1" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border-style: none;">
<table id="tbl3" border="0" cellpadding="0" cellspacing="0" height="200" width="700">
<tbody>
<tr>
<td colspan="6"> <img src="img/header_link_01.gif" alt="" height="155" width="700"></td>
</tr>
<tr>
<td> <img src="img/header_link_02.gif" alt="" height="45" width="65"></td>
<td> <a href="strapper.html"><img style="border: 0px solid ; width: 135px; height: 45px;" src="img/header_link_03.gif" alt=""></a></td>
<td> <a href="forum/index.php"><img style="border: 0px solid ; width: 150px; height: 45px;" src="img/header_link_04.gif" alt=""></a></td>
<td> <a href="gbook.html"><img style="border: 0px solid ; width: 150px; height: 45px;" src="img/header_link_05.gif" alt=""></a></td>
<td> <a href="links.html"><img style="border: 0px solid ; width: 150px; height: 45px;" src="img/header_link_06.gif" alt=""></a></td>
<td> <img style="width: 50px; height: 45px;" src="img/header_link_07.gif" alt=""></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="width: 703px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 150px; width: 50px;"><img src="img/cont.gif" style="width: 50px; height: 150px;" alt=""></td>
<td><span style="color: rgb(255, 255, 255);"><img style="width: 200px; height: 25px;" alt="" src="img/plc/plc_a.gif"><br>
<br>
Hier könnt ihr euch die ST-Rapper genauer
anschauen...<br>
<br>
<br>
<br>
<br>
<br>
</span></td>
<td style="width: 50px; text-align: left; vertical-align: top; background-image: url(img/leiste.gif);"></td>
</tr>
</tbody>
</table>
<table style="border-style: hidden; width: 703px; height: 300px; text-align: left; margin-left: auto; margin-right: auto;" id="tbl2" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 50px; text-align: left; height: 300px; background-image: url(img/leiste.gif);"><span style="color: rgb(255, 255, 255);"></span></td>
<td style="height: 300px;"><span style="color: rgb(255, 255, 255);"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</span></td>
<td style="width: 50px; height: 300px; background-image: url(img/leiste.gif);"><span style="color: rgb(255, 255, 255);"></span></td>
</tr>
</tbody>
</table>
<table style="width: 702px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 50px; width: 50px; background-image: url(img/ecke_c.gif);"></td>
<td style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>
<td style="width: 560px; background-image: url(img/leiste_b.gif);"><span style="color: rgb(255, 255, 255);"></span>
<marquee>STRAPPER.info ist ein Projekt der ST prod. -
online since July 2006</marquee>
</td>
<td style="height: 50px; width: 30px; background-image: url(img/leiste_b.gif);"></td>
<td style="height: 50px; width: 50px; background-image: url(img/ecke_d.gif);"></td>
</tr>
</tbody>
</table>
</body>
</html>
Danke
Hello out there!
ich hab den code wie folgt abgeändert
Und dabei weder meinen Hinweis aus https://forum.selfhtml.org/?t=133883&m=868328 noch sämtliche Hinweise aus https://forum.selfhtml.org/?t=133883&m=868313 beachtet.
allerdings funzt es immer noch nicht
Was nicht weiter verwundern sollte.
See ya up the road,
Gunnar
hallo..habs probiert kommt leider nichts bei raus.kannst nicht du mir das bitte machen, ich danke dir das du mir versuchst das beizubringen, aber viele denken man lernt das nur so aber das stimmt nicht...wenn ichs nachher sehe dann weiß ichs dann hab ich verstanden wie das ging, dann kann ich das nachvollziehen.
ich bitte dich darum.
danke
Hello out there!
Ich schrieb:
Also 'text-align: center' fürs Elternelement des zu zentrierenden, in deinem Fall also für body.
Genauer konnte ich das ja schon nicht mehr angeben.
Dennoch du:
<table style="[code lang=css]text-align: center; margin-left: auto; margin-right: auto;
" id="tbl1" border="0" cellpadding="0" cellspacing="0">[/code]
Du siehst den Fehler?
<body style="[code lang=css]background-color: rgb(0, 0, 0); color: rgb(0, 0, 0);
" alink="#ee0000" link="#0000ee" vlink="#551a8b">[/code]
Vordergrund und Hintergrund haben immer noch dieselbe Farbe. Ob das sinnvoll ist?
Zur Angabe der Eigenschaften von Links gibt es <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklassen für Verweise>
<br>
<br>
<br>
Was soll das? Weg damit!
<marquee>STRAPPER.info ist ein Projekt der ST prod. - online since July 2006</marquee>
Und dein Ticker nervt auch immer noch die Leser deiner Seite. Weg damit!
See ya up the road,
Gunnar
Hi,
Dir ist bekannt, dass IE 'margin: auto;' nicht umsetzt?
Dir ist bekannt, daß der IE margin:auto durchaus umsetzt (falls er mindestens in der Version 6.0 vorliegt und nicht im Quirks-Modus ist).
cu,
Andreas
hallo..habs probiert kommt leider nichts bei raus.kannst nicht du mir das bitte machen, ich danke dir das du mir versuchst das beizubringen, aber viele denken man lernt das nur so aber das stimmt nicht...wenn ichs nachher sehe dann weiß ichs dann hab ich verstanden wie das ging, dann kann ich das nachvollziehen.
ich bitte dich darum.
danke
Hi,
Hallo meine Webseite wird im IE einfach nicht zentriert auch im .css style habe ich sicherlich keine falschen angaben gemacht.der fehler muss darin liegen:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Ja, er leigt hier^^. Verwende eine vollständige Dokumenttyp-Deklaration MIT URI, und der IE6 zentriert deine Seite, genau wie alle anderen Browser.
Einen schönen Dienstag noch!