PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Problem mit CSS Ausrichtung


Niji-chan
08.10.2005, 12:55
Css-Datei:
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:
<!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:
http://www.simghost.de/skizzen/farbe1.gif
Milchbox
08.10.2005, 13:34
Ist doch alles richtig.Du könntest ja mal sagen was da dran falsch ist :D
Edit: Ich würde aus der navleiste ein ul li tag machen.
Tip: Guck dir mein Tut an.
Niji-chan
08.10.2005, 13: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?