Opened by jan10001 at 2007-06-14 10:26
User since
2003-08-14
962 Artikel
BenutzerIn
![[default_avatar]](/battie/theme/default/default_avatar.gif)
2003-08-14
962 Artikel
BenutzerIn
Nach zig Versuchen und wirklich viel Google'n geb ich es auf, während der IE7 das Ganze hier sauber darstellt siehts unter Firefox und Opera schlecht aus. Bevor ich jetzt wieder zum Tabellendesign wechsel, frage ich mal lieber, vielleicht weiß ja einer Rat. Das Problem liegt beim height auto, denn bei festen Größen wird die Seite auch im Firefox und Opera sauber dargestellt. Problem ist nur auf height auto mag ich nicht verzichten da das Ganze für ein CMS ist.
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Unbenannte Seite</title>
<style type="text/css" media="screen"><!--
#rahmen { visibility: visible; margin: 0 auto; width: 955px; height: auto; border: solid 3px #b863ce; -moz-border-radius: 10px }
#oben1 { visibility: visible; margin: 5px 5px 20px; width: auto; height: 60px }
#oben2 { visibility: visible; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; width: auto; height: 90px }
#mitte { visibility: visible; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; width: 945px; height: auto }
#unten { visibility: visible; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; width: 945px; height: auto }
#werbung1 { background-color: yellow; visibility: visible; width: 468px; height: 60px; float: left }
#werbung2 { background-color: yellow; visibility: visible; width: 468px; height: 60px; float: right }
#logo { background-color: gray; visibility: visible; width: 180px; height: 90px; float: left }
#menutop { background-color: purple; visibility: visible; margin-left: 10px; width: 755px; height: 90px; float: right }
#menuleft { background-color: purple; visibility: visible; width: 180px; height: 300px; float: left }
#inhalt { background-color: orange; visibility: visible; margin-left: 10px; width: 755px; height: auto; float: right }
#fusszeile { background-color: green; visibility: visible; width: 945px; height: 50px}
--></style>
</head>
<body bgcolor="#ffffff">
<div id="rahmen">
<div id="oben1">
<div id="werbung1">werbung</div>
<div id="werbung2">werbung</div>
</div>
<div id="oben2">
<div id="logo">logo</div>
<div id="menutop">Bildnavigation</div>
</div>
<div id="mitte">
<div id="menuleft">Menünavigation</div>
<div id="inhalt">Inhalte</div>
</div>
<div id="unten">
<div id="fusszeile">Fußzeile</div>
</div>
</div>
</body>
</html>