nicht angemeldet
tabellenfreies layout in firefox nicht korrekt angezeigt
Kai345hallo,
bastle gerade mein erstes tabellenfreies layout.
eigentlich kam ich gut voran und war zufrieden, nur der check im firefox machte mich dann doch etwas stutzig.
bitte um hilfestellung.
hier der code: (das wesentliche)
------------------------------------------
index.html
<body>
<div id="logo"></div>
<div id="spacer1"></div>
<div id="spacer2"></div>
<div id="spacer3"></div>
<div id="navi">hier die <a href="link.html">links</a></div>
<div id="content"></div>
</body>
------------------------------------------
main.css
body {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}
div#logo {
width: 197;
height: 220;
position: absolute;
left: 42;
top: 47;
background-image: url(images/bg_01.jpg);
}
div#navi{
position: absolute;
left: 317;
top: 77;
width: 493;
height: 21;
}
div#spacer1{
height: 274;
width: 54;
position: absolute;
left: 185;
top: 267;
background-image: url(images/bg_03.jpg);
}
div#spacer2{
position: absolute;
left: 185;
top: 541;
width: 736;
height: 18;
background-image: url(images/bg_04.jpg);
background-repeat: no-repeat;
}
div#spacer3{
position: absolute;
left: 810;
top: 96;
width: 88;
height: 2;
background-image: url(images/bg_06.jpg);
}
div#content{
width: 682;
height: 459;
left: 239;
top: 98;
position: absolute;
background-image: url(images/bg_05.jpg);
scrollbar-face-color: #81696D;
scrollbar-highlight-color: #81696D;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #81696D;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #AC9599;
overflow: auto;
}
-
Grütze .. äh ... Grüße!
body {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
background-image:url(images/bg.jpg);
background-repeat:repeat;
}oder kürzer:
body {
margin: 0;
background:url(images/bg.jpg) repeat;
}
('repeat' ist Initialwert, kann daher auch weggelassen werden.)Du solltest aber eventuell den divs/body noch eine Hintergrundfarbe spendieren, falls Bilder nicht angezeigt werden (können/sollen) also z.B.
background: #660000 url(images/bg.jpg) repeat;
div#logo {
width: 197;197 Eier? 197 Schwalben? Hier und bei allen folgenden Werten fehlen die Einheiten, man kann sich nicht darauf verlassen, daß alle Browser px (was du wahrscheinlich meinst) als Vorgabe nehmen.
Allerdings solltest du möglichst von Anfang an auf px verzichten und die Einheiten em und % verwenden, damit die Seite auch bei unterschiedlichen Bildschirmgrößen gut aussieht.
Füge erst einmal zu allen Werten eine Einheit hinzu, und dann teste erneut. Dürfte dann evtl. schon besser werden.
scrollbar-face-color: #81696D;
scrollbar-highlight-color: #81696D;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #81696D;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #AC9599;Das braucht man nicht, denn kaum ein Browser setzt diese Angaben überhaupt um.
Cü
Kai--
What is the difference between Scientology and Microsoft? One is an
evil cult bent on world domination and the other was begun by L. Ron
Hubbard.
ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|-
grütze zurück!
-und vielen dank.. tja.. die einheit sollte man dann halt doch nicht vergessen.. oO.. danke fürs mitdenken.. ; )
farbige scrollbars funktionieren übrigens (zumindest noch) im ie einwandfrei.. und da mozilla noch immer nicht überholt hat.. naja..; )
danke nochmal und grüße aus wien..
-
Grütze .. äh ... Grüße!
farbige scrollbars funktionieren übrigens (zumindest noch) im ie einwandfrei.. und da mozilla noch immer nicht überholt hat.. naja..
Opera kann es übrigens auch (abschaltbar), aber nur, solange das Dokument den Browser nicht in den standardkonformen Modus schaltet. IE mit entsprechendem doctype ignoriert diese Einstellungen ebenfalls. Also wenn du dieses Feature nutzen willst, mußt du dafür sorgen, daß du entweder keinen oder einen quirks-mode doctype wählst.
Cü
Kai--
What is the difference between Scientology and Microsoft? One is an
evil cult bent on world domination and the other was begun by L. Ron
Hubbard.
ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|-
Yerf!
IE mit entsprechendem doctype ignoriert diese Einstellungen ebenfalls.
Wird hier zwar öfters erwähnt, stimmt aber nicht. Der einzige Unterschied ist, dass man die Haupt-Scrollbar im Standardkonformen Modus nicht an Body sondern an HTML festlegen muss.
Gruß,
Harlequin
-
-
-