Webseite zentrieren

Ole

Hallo

Für meine Homepage habe ich ein Kontaktformuler geschrieben und man soll auf eine Bestätigungsseite weitergeleitet werden.

Beim erstellen der Bestätigungsseite lief soweit auch alles gut, nur Das Kästchen ist nicht zentriert.

Die Seite ist unter http://ole23.ol.funpic.de/Vielen%20Dank.html zu finden und hier ist mein HTML Code :

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Vielen Dank</title>




  <meta name="Ole" content="Ole">


</head>




<body style="background-color: rgb(30, 144, 255); color: rgb(0, 0, 0);" alink="#ff0000" link="#ff0000" vlink="#ff0000">


<table style="font-weight: bold;" border="0" height="100%">


  <tbody>


    <tr>


      <td align="center" valign="middle">
      <div style="text-align: center;">
      <table style="background-color: rgb(0, 0, 0); width: 351px; height: 292px; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">


        <tbody>


          <tr valign="middle">


            <td style="height: 286px; width: 340px; background-color: rgb(255, 255, 0); text-align: center; vertical-align: middle;">[b]Vielen
Dank f&uuml;r deine E-Mail.[/b]</td>


          </tr>


        </tbody>
      </table>


      </div>


      </td>


    </tr>


  </tbody>
</table>


</body>
</html>

Alles anzeigen

Ich habe schon alles probiert, um es zu zentrieren nur es funktioniert einfach nicht

synaptic

wofür haste den gazen table-müll um dein div?? lass den müll weg und das div is horizontal zentriert!

sejuma

Probier's mal so:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">


<html> 
<head> 
  <title>Vielen Dank</title> 




  <meta name="Ole" content="Ole"> 


</head> 




<body style="background-color: rgb(30, 144, 255); color: rgb(0, 0, 0);
width:100%; height:100%; margin:0; padding:0;
" alink="#ff0000" link="#ff0000" vlink="#ff0000"> 




      <div style="position:absolute; top:50%; left:50%; margin-top: -170px; margin-left: -170px; width: 340px; height: 


170px; background-color: rgb(255, 255, 0); text-align: center;font-weight: bold; border:2px solid black;padding-top: 


160px;"> 
     Vielen Dank f&uuml;r deine E-Mail.
      </div> 


</body> 
</html>

Alles anzeigen

Ole

Danke sejuma

Am besten wäre es, wenn beim IE genauso ausehen würde. Gibt es da eine Möglichkeit ??

MfG Ole

sejuma

Ist vermutlich der IE6?
Hast einen Doctype wie bei mir eingefügt?
Ansonsten müsste ich heute Abend mal im IE6 testen.

Zitat von sejuma

Ist vermutlich der IE6?
Hast einen Doctype wie bei mir eingefügt?
Ansonsten müsste ich heute Abend mal im IE6 testen.

Ja, der IE 6.
Ja, Doctype ist drin.
Wäre nett

so kannste ein Div zentrieren und es funktioniert auch im ie..

sejuma

Ole

Du hast scheinbar doch nicht ganz meinen Doctype übernommen:
Damit sollte es auch im IE 6 klappen:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Ole

Zitat von sejuma
Ole

Du hast scheinbar doch nicht ganz meinen Doctype übernommen:
Damit sollte es auch im IE 6 klappen:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Doch habe ich, ich habe einfach den ganzen Code kopiert.

sejuma

Wie unterscheidet sich das denn? Ich kann da keinen Unterschied erkennen.
Hast du einen Link?

Ole

Na klar

So sieht es im Internet Explorer aus :

http://funfueralle.ja-nee.de/Formmailer/image1075.png

und so in Firefox :

http://funfueralle.ja-nee.de/Formmailer/image1072.png

erkennst du jetzt einen Unterschied ??

sejuma

Hast du den IE 6 oder eine ältere Version?
Bei mir wird's im IE 6 nämlich korrekt angezeigt.
Rück mal bitte nochmal deinen kompletten Quelltext oder einen Link raus - auch wenn du meinst, er sei mit meinem identisch

Ole

Selbst verständlich

http://funfueralle.ja-nee.de/Formmailer/Vielen%20Dank.html

synaptic

wenn das gelbe ding in der mitte nen quadrat sein soll, haste nur die hälfte angegeben!
der negative margin sollte immer die hälfte der entsprechenden seite sein

sejuma

@ Ole:
Ich hab's dir doch gesagt und hätte darauf sogar gewettet, dass du nicht "meinen" Doctype verwendest.

"Dein"Doctype (das ist der Quirks-Modus):

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

"Mein" Doctype (Standardmodus):

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Beim nächsten mal kostet das 'ne Runde!

Ole

ok, danke

Mein Problem lag i.wie nur dabei, dass der shice html editor das neue nicht speichern wollte

Aber nun funktioniert alles bestens, vielen Dank

Ole

Hier kann denn auch geschlossen werden

Tags