✔ Div-Zentriert funktioniert nicht

ComFreek

ComFreek

Mod | @comfreek
Moderator
Hallo @alle,

ich habe eine HP so einigermaßen jetzt gebastelt. Plötzlich aber wird mein zentrierter Div-Bereich im Opera und Firefox rechtsbündig angezeigt.

Mein Code ist folgender:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>      
  <head>          
    <meta http-equiv="content-type" content="text/html; 	charset=windows-1250">          
    <meta name="generator" content="PSPad editor, www.pspad.com">  
    <link rel="stylesheet" href="menu.css" type="text/css">        
    <title>ComFreek's webPAGE</title>    
    <script type="text/javascript" src="index.js"></script>   
    <script type="text/javascript" src="menu.js"></script>            
  </head>      
  <body>    
    <div align="center" style="border:1px solid blue;width:90%;margin-left:10%">           
      <div style="background-color:#99CCFF;">              
        <table style="width:100%">                  
          <tr>                      
            <td align="left" class="newsbox_1" style="text-align:left;font-weight:bold;">News:</td>  
            <td align="right"><img src="http://www.tutorials.de/forum/images/attention.png"><b>Eine Suche wird in Kürze eingebaut.</b><br clear="all"></td>                                
          </tr>              
        </table>          
      </div>
      <noscript><font size="7">Bitte aktivieren Sie Javascript! &nbsp;&nbsp;<a href="http://www.google.de/search?hl=de&q=Javascript+aktivieren&btnG=Google-Suche&meta=&aq=f&oq=" target="_blank">» Wie?</a></strong></noscript>
      <!-- Menu -->
      <div id="menu" style="text-align:left;font-size:20px">
        <a onMouseOver="mouseOver(this)" onMouseOut="mouseOut(this)" style="background:black;width:40px;color:white;color:white;" href="welcome.html" target="content">Home</a> <font size="5"color="red">|</font>
        <a onMouseOver="mouseOver(this)" onMouseOut="mouseOut(this)" style="background:black;width:40px;color:white;color:white;" href="about.html" target="content">Über</a> <font size="5"color="red">|</font>
        <a onMouseOver="mouseOver(this)" onMouseOut="mouseOut(this)" style="background:black;width:40px;color:white;color:white;" href="games.html" target="content">Spiele</a> <font size="5"color="red">|</font>
        <a onMouseOver="mouseOver(this)" onMouseOut="mouseOut(this)" style="background:black;width:40px;color:white;color:white;" href="contact.html" target="content">Impressum+Kontakt</a> <font size="5"color="red">|</font>
      </div>
      <!-- Menu Ende -->
      <iframe id="content" name="content" width="100%" height="100%" src="welcome.html"></iframe>
    </div>  
  </body>  
</html>

Vielen Dank im Vorraus !!

mfg
ComFreek
 
Hi,

tausch mal die margin-left:10%-Deklaration gegen margin:auto aus.

mfg Maik
 
Hab's gerade geschaft.
Musste im Body noch was schreiben:
HTML: 
<body style="text-align:center">

So funktioniert es in allen 3 Browsern.

Trotzdem vielen Dank!



mfg
ComFreek
 
Oder im verwendeten Doctype die Dokumenttyp-Definition (DTD) angeben
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
um das Dokument den Browsern im standardkonformen Modus zu übergeben.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück