• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bekomme die Seite einfach nicht linksbündig

Status
Für weitere Antworten geschlossen.

Dirk25x

Neues Mitglied
Hallo Zusammen,
bin ein Neuling und stehe gerade vor einem Problem. Ich hab mir ein Beispiel-Template aus dem Internet geldaden und jetzt bekomme ich die Seite einfach nicht linksbündig. Hab die ges. Seite schon in eine Tabelle gesetzt. Im IE ist sie linksbündig, aber in Firefox, Opera und Netscape ist die Seite immer genau in der Mitte, also mittig angeordnet.
Ich hoffe ihr könnt mir helfen.
Hier der Code:

HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="cs" />
<meta name="robots" content="all,follow" />
<meta name="author" content="All: ... [Nazev webu - www.url.cz]; e-mail: [email protected]" />
<meta name="copyright" content="Design/Code: Vit Dlouhy [Nuvio - www.nuvio.cz]; e-mail: [email protected]" />
<title>X</title>
<meta name="description" content="..." />
<meta name="keywords" content="..." />
<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
 
</head>
<table width="800px" border="0" align="left"  >
  <tr>
  <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"  id="directware">
 
<!-- Main -->
<div id="main" class="box">
 
    <!-- Header -->
 
  <div id="header"> 
    <!-- Quick links -->
    <div class="noscreen noprint"> 
      <p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, 
        <a href="#search">search</a>.</em></p>
      <hr />
    </div>
  </div>
  <!-- /header -->
 
     <!-- Main menu (tabs) -->
     <div id="tabs" class="noprint">
 
            <h3 class="noscreen">Navigation</h3>
 
    <ul class="box">
      <li><a href="#">Freeware<span class="tab-l"></span><span class="tab-r"></span></a></li>
      <li id="active"><a href="#">Software Shop<span class="tab-l"></span><span class="tab-r"></span></a></li>
      <!-- Active -->
      <li><a href="#">Top 10<span class="tab-l"></span><span class="tab-r"></span></a></li>
      <li><a href="#">Angebote<span class="tab-l"></span><span class="tab-r"></span></a></li>
      <li><a href="#Service & Support<span class="tab-l"></span><span class="tab-r"></span></a></li>
      <li><a href="#">Suchen<span class="tab-l"></span><span class="tab-r"></span></a></li>
            </ul>
 
        <hr class="noscreen" />
     </div> <!-- /tabs -->
 
    <!-- Page (2 columns) -->
    <div id="page" class="box">
    <div id="page-in" class="box">
 
 
      <div id="strip" class="box noprint"> 
        <!-- RSS feeds -->
      </div>
      <!-- /strip -->
 
        <!-- Content -->
        <div id="content">       
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
      </div> <!-- /content -->
 
        <!-- Right column -->
 
    </div> <!-- /page-in -->
    </div> <!-- /page -->
 
    <!-- Footer -->
 
  <div id="footer"> 
    <div id="top" class="noprint"></div>
    <hr align="left" class="noscreen" />
            </div>
  <!-- /footer -->
  </div>
</div> <!-- /main -->
</table>
</body>
 
Dirk25x, irgendwo in deinem Template Ordner muss eine .css Datei sein. Ob du die mir mal zeigen magst ?! :)

Evtl. wurde dort die Ausrichtung von deiner Vorlage definiert.

Ps.
Und "Wie strukturiere ich ein Quelltext" üben wir nochmal ;) :P
 
wie gesagt, bin noch Anfänger. Mit Struktur hab ich mich noch gar nicht beschäftigt:-) Weiss auch gar nicht wie ich das machen muss.

Da waren 3 css Dateien bei.(Danke im Voraus)
Der Code der ersten ist schon zu lang (max.10000 Zeichen).

Hab die Dateien mal als txt Dateien angehangen.

Danke Dirk

hier auch noch die html als Datei.
 

Anhänge

Zuletzt bearbeitet von einem Moderator:
main.css, Zeile 79:
Code:
#main {width:770px; margin:50px auto 0 auto; _text-align:left;}
ändern in:
Code:
#main {width:770px; margin:50px 0 0 0; _text-align:left;}
Hab mir den Rest des Stylesheets nicht angeguckt aber das sollte reichen.
 
mmmh, hab ich geändert, jedoch selber Effekt. Die ganze Seite wir immer mittig angezeigt. Also ich rede nicht von dem Text, sondern das ist ja quasi ein Rahmen der 770px breit ist wo der Content drin steht, nur dieser ist immer genau in der Mitte der Seite...

HALT - Kommando zurück.
Jetzt wird die Seite zwar im Firefox linksbündig angezeigt, jedoch im IE nicht...
He????
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben