Banner im IE7 nicht mittig

Cyclops · 23.03.2007, 13:46

Also ich denke die Überschrift sagt ja schon alles

hier erst mal der link:

http://www.svixheim.de/?nshow=tabelle

wie ihr seht wird der banner links angezeigt... hier noch die tabelle in der der banner ist:

HTML-Code:

<div align="center">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
          <tr>
            <td width="100%" align="center">
            <p align="center">
            <img border="0" src="images/banner.jpg" align="center" width="990" height="186"></td>
          </tr>
        </table>
        </div></td>

wie ihr seht hab schon einige centers ausprobiert ^^

also lasst mal die köpfe rauchen

Mich@el · 24.03.2007, 10:52

Hallo Cyclops.
Habe mit CSS eine Lösung gefunden. Hoffe das passt so.
CSS

PHP-Code:


			
<style type="text/css">

/* <![CDATA[ */

body { text-align: center;

}

.img {     

       margin-left: auto;

       margin-right: auto;

       text-align: left;

       display:block;

/* ]]> */

</style>}

HTML:

PHP-Code:


			
<body>

<div class=".img"><img src="dein_Banner.jpg"/></div>

</body>

Grüße
Michael

Cyclops · 27.03.2007, 18:17

soooo...sorry dass ich mich erst jetzt melde

also ich habe leider 0 plan von css...könntest du mir vielleicht ne kurze erklärung geben wie ich das richtig einbauen muss?

Mich@el · 27.03.2007, 23:55

hm... eigentlich müßtest Du lediglich den oberen Code zwischen die <head></head> Tag einfügen und den unteren Code zwischen <body></body>.
Hier steht auch noch einiges ausführlich über die Zentrierung.
Und falls Du weiter mit Tabellen arbeiten möchtest, dann kannst Du diese auch über CSS stylen.

Grüße
Michael

Cyclops · 28.03.2007, 12:17

also irgendwas mach ich anscheinend immer noch falsch...
habe es jetzt so versucht:

head:

HTML-Code:

<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Homepage des SV Ixheim</title>
<style type="text/css">
/* <![CDATA[ */
body { text-align: center;
}
.img {     
       margin-left: auto;
       margin-right: auto;
       text-align: left;
       display:block;
/* ]]}> */
</style>
</head>

einbindung des banners:

HTML-Code:

<table border="3" cellspacing="5" width="940" height="100%" bordercolor="#FFFF00">
      <tr>
        <td width="940" height="100" valign="top" colspan="3" align="center">
        <p align="center">
        <center>
        <div align="center">
        <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
          <tr>
            <td width="100%" align="center">
            <div class=".img">
            <img border="0" src="images/banner.jpg" width="940" height="176"/></div></td>
          </tr>
        </table>
        </div></td>
      </tr>

also alleine find ich den fehler nicht...

webcreate · 28.03.2007, 12:57

a) Warum überhaupt mit Tabellen?
b) Das DIV, wie die innere Tabelle kann ja nur die Breite der äußeren haben, ergo 940px

Cyclops · 28.03.2007, 14:56

zu a) ich bin leider ziemlich neu dabei eine hp zu erstellen und muss noch sehr viel lernen. da die seite aber ziemlich schnell online sollte, hatte ich keine zeit mich da erst noch weiter zu bilden. mich kotzt es ja selbst an immer diese doofen tabellen an 1024 anzupassen, aber was solls?! ^^
werd mich nach der runde mal hinsetzen und die links von oben studieren und hoffentlich was gescheites auf die beine stellen

zu b) vielen dank, daran hat's gelegen

Mich@el · 28.03.2007, 15:17

Zitat:

Zitat von Cyclops

... da die seite aber ziemlich schnell online sollte, hatte ich keine zeit mich da erst noch weiter zu bilden...

Ja, das kenne ich. Du wirst aber schnell merken, dass CSS ein ultimativer Bestandteil der Websitegestaltung beinhaltet. Es lohnt jedenfalls sich damit zu beschäftigen.

Grüße
Michael

LizZardsweb · 03.04.2007, 16:08

Zitat:

Zitat von Mich@el

Müsste es nicht class="img" heißen? (!)

Grüße,
LizZard

Mich@el · 03.04.2007, 16:18

Zitat:

Zitat von LizZardsweb

Müsste es nicht class="img" heißen? (!)

Richtisch, Danke! Du hast es auf dem Punkt gebracht.

Grüße
Michael

webcreate · 03.04.2007, 16:23

Wobei es nicht gerade geschickt ist, Standard Werte als Klassennamen zu nutzen ...
Da img schon eine Standard-id ist und eine id eindeutig sein muss, kann da ein Browser schonmal Probleme bekommen ....

Mich@el · 03.04.2007, 16:28

Ja, guter Hinweis, Mark. Sollte man wirklich beachten.

Cyclops · 03.04.2007, 18:02

mir eigentlich ziemlich latte ^^ es funktioniert, also werde ich da nix mehr ändern