Problem mit CSS Ausrichtung

**Niji-chan** · 08.10.2005 11:55

Css-Datei:

Code:

div.main {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,153);
  width: 600px;
  float: left;
}

div.randlinks {
  border: 0px;
  width: 100px;
  float: left;
}

div.randrechts {
  border: 0px;
  width: 100px;
  float: right;
}

div.header {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,0);
  height: 98px;
}

div.shortmenu {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,102);
  height: 18px;
}

div.down {
  border: 1px;
  border-style: solid;
  border-color: rgb(0,102,153);
  height: 478px;
}

div.menu {
  border: 1px;
  border-style: solid;
  border-color: rgb(255,102,0);
  width: 148px;
  height: 476px;
  float: left;
}

div.front {
  border: 1px;
  border-style: solid;
  border-color: rgb(51,255,0);
  width: 448px;
  height: 476px;
  float: right;
}

HTML-Datei:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <link rel="stylesheet" type="text/css" href="design1.css">
  <title></title>
  </head>
  <body>
  <div class="randlinks">hier soll nix sein
  </div>
  <div class="main">
    <div class="header">
      Hier kommt eine Head-Grafik hin, inklusive Name der Unternehmung.
    </div>
    
    <div class="shortmenu">
      Hier kommen die wichtigsten Linkpunkte hin. (Home, Forum,...)
    </div>
    
    <div class="down">
      <div class="menu">
        Hier kommen die einzelnen Links hinein. Unterteilt in Kategorien.
      </div>
      
      <div class="front">
        Hier kommen dann z.B. News und die ganzen anderen Inhalte hinein.
      </div>
    </div>
  </div>
  <div class="randrechts">hier soll nix sein
  </div>
  </body>
</html>

Irgendwie funktioniert das nicht so richtig...

So solls in etwa aussehen:

**Milchbox** · 08.10.2005 12:34

Ist doch alles richtig.Du könntest ja mal sagen was da dran falsch ist

Edit: Ich würde aus der navleiste ein ul li tag machen.
Tip: Guck dir mein Tut an.

**Niji-chan** · 08.10.2005 12:48

Das Problem ist, dass
1. Die Ränder nicht vernünftig angezeigt werden, also links und rechts von der eigentlichen Seite.
2. Das Hauptmenü (menu) über dem Inhaltsteil (front) angezeigt wird, wobei diese doch nebeneinander sein sollen

Dein "tut" hab ich mir angesehn... aber bei meinen momentanen Probs hilfts mir grad nich so richtig.

Edit: Punkt 2 habe ich jetzt gelöst... width von menu und front um ein verringert... hatte den äußersten Rand vergessen

EDIT²:
Mit der Ausrichtung funktioniert es jetzt endlich komplett, aber der IE gibt meinem IFrame immerzu einen weißen Hintergrund, obwohl dieser doch transparent bleiben soll

Edit³:
auch das ist jetz geklärt...
ABER: wie kann ich die neusten Threads aus bestimmten Bereichen, also ohne die internen, auf meiner Internetseite anzeigen? brauch ich dafür PHP?

Thema: Problem mit CSS Ausrichtung

Themen-Optionen

Anzeige

Problem mit CSS Ausrichtung

Berechtigungen