scriptagent
Grünschnabel
Guten Morgen liebe Tutorianer,
ich verzweifle gerade an einem Designversuch und zwar will ich eine Containerstruktur erstellen welche aus 5 Containern besteht ( 2 oben, 2 darunter und 1 ganz unten,welcher genauo breit ist wie die 2 darüber zusammen).
In die obigen div's soll jeweils eine Grafik geladen werden, in den linken darunter das Menü, in den rechten der Inhalt und der untere soll als Footer dienen.
Folgend nun der css-code, welcher funktioniert im Firefox 3.0 solange ich nicht Ansicht->Zoom und welcher beim IE 7 von vornerein nicht tut wie er soll.
Es wäre super wenn jmd eine Idee dazu hätte, vllt sollte ich das Design auch ganz anders aufbauen !?
Vielen Dank im Voraus ! Gruß, Scriptagent
ich verzweifle gerade an einem Designversuch und zwar will ich eine Containerstruktur erstellen welche aus 5 Containern besteht ( 2 oben, 2 darunter und 1 ganz unten,welcher genauo breit ist wie die 2 darüber zusammen).
In die obigen div's soll jeweils eine Grafik geladen werden, in den linken darunter das Menü, in den rechten der Inhalt und der untere soll als Footer dienen.
Folgend nun der css-code, welcher funktioniert im Firefox 3.0 solange ich nicht Ansicht->Zoom und welcher beim IE 7 von vornerein nicht tut wie er soll.
Es wäre super wenn jmd eine Idee dazu hätte, vllt sollte ich das Design auch ganz anders aufbauen !?
Code:
<style type="text/css">
#rahmen
{
margin: 5px;
width: 100%;
}
#balkenOben
{
width: 628px;
height: 60px;
float: right;
margin-top: 15px;
margin-right: 20%;
background-color:#000000;
}
#logo
{ width: 123px;
float: left;
margin-left:20%;
}
#hauptframe
{
width: 626px;
float: right;
margin-right:20%;
border:1pt solid #000000;
}
#menue
{
width: 123px;
float: left;
margin-left:20%;
}
#unten
{
width: 758px;
float: left;
margin-left:20%;
background-color:#000000;
}
</style>
<html>
<head> <title>Test</title></head>
<body>
<div id="rahmen">
<div id="logo"> <img src="logo.gif" alt="logo" border="0"> </div>
<div id="balkenOben"> <img src="topbg.gif" alt="balkenOben" border="0"> </div>
<div id="menue"> menü </div>
<div id="hauptframe"> hauptframe </div>
<div id="unten">unten</div>
</div>
</body>
</html>Vielen Dank im Voraus ! Gruß, Scriptagent
