hallo leute,
Ich habe mal wieder ein Problem mit CSS und weis nicht weiter.
Ich habe ein DIV über CSS definiert und es wird auch so wie es sein sollte in Firefox angezeigt aber in Safari nicht. Da will das DIV nicht auf die Position die ich gesagt habe. So Dann habe ich in CSS mit marign- top und left die genau Angaben eingestellt. Jetzt gehts in Safari aber in Firefox nicht... In Firefox hängt das einfach wo anders.
Keine ahnung was ich machen soll ,damit ich es beiden browsern recht machen kann.
Html Datei
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Jutta Klöckner Preview • Energiearbeit</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
<div id="rosabox">[img]bilder/logo.png[/img]
[img]bilder/spatz.png[/img]
[url='impressum.html']Impressum[/url]
<ul id="Navigation">
[*][url='zur_person.html']zur Person[/url]
<li class="abstand">
[*][url='die_stimme.html']die Stimme[/url]
<li class="abstand">
[*]<span>mein Angebot</span>
<li class="abstand">
[*][url='termine.html']Termine[/url]
<li class="abstand">
[*][url='galerie.html']Galerie[/url]
<li class="abstand">
[*][url='kontakt.html']Kontakt[/url]
<li class="abstand">
[/list]
<div id="whitebox">
<div id="submenu" >
<ul id="subnavigation">
[*][url='mein_angebot.html']gesang[/url]
[*]<span>energiearbeit</span>
<ul type="none">
<li ><a href="energetisches_coaching.html">energetisches
coaching</a>
[*][url='munay_ki.html']MUNAY-KI[/url]
[/list]
[*][url='preise.html']preise[/url]
[/list]
</div>
<div id="textbox">
[b]Energiearbeit[/b]
Was ist Energiearbeit und was hat das Singen damit zu tun?
Die menschliche Stimme ist eine Form konzentrierter Energie, besonders, wenn wir
singen. Auf physikalischer Ebene sind es die Klangwellen, die unser Ohr, unser Inneres,
unser „System” erreichen und für Emotionen jeglicher Art sorgen können.
Auf einer anderen Ebene, der Ebene des Sängers ist es so, dass wir, wenn wir singen,
immer auch einen Teil unserer Selbst, unserer Seele zeigen. Wieviel hängt davon ab, wie
sehr wir uns den eigenen Emotionen öffnen.
Kommen wir beim Singen an einen Punkt der Stagnation, an eine Grenze, die sich weder
stimmtechnisch noch körperlich oder anders lösen lässt, biete ich Stimmarbeit gepaart mit
einem Arbeiten auf energetischer Ebene an: Denn Störungen in diesem Bereich beeinflus-
sen auch unsere Stimme und verhindern dass sie frei fließt.
Ist auf energetisch-seelischer Ebene wiederum der Knoten gelöst, wird auch unsere
Stimme freier, was deutlich spr- und hörbar ist.
Die Energiearbeit und konkret das energetische Coaching ist mittlerweile zu einem wich-
tigen Bestandteil meiner Arbeit geworden. Mehr dazu hier
</p>
</div>
</div>
</div>
<div id="blackbox"></div>
</body>
</html>CSS datei:
Code
@charset "UTF-8";
/*{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#431c0b;
}*/
#rosabox{
background-color: #cd0067;
margin: auto;
top: 50px;
height: 650px;
width: 900px;
}
#whitebox{
background-color:#FFFFFF;
height: 427px;
width: 663px;
top: 82px;
left: 118px;
position:relative;
overflow:auto;
}
#textbox{
height: *px;
/*width: 507px;*/
margin-left:275;
overflow:auto;
border:0px solid black;
}
#submenu{
/*margin-top:82px;
margin-left:118px;*/
background-color:#f4d1e3;
height: 427px;
width: 156px;
position:fixed;
z-index:5;
}
#blackbox{
background-color:#431c0b;
margin: auto;
height: 30px;
width: 900px;
}
ul#Navigation {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
width: 663px;
height: 25px;
top: 90px;
left: 135px;
position: relative;
margin: 0;
padding: 0;
text-align:left;
border:0px solid black;
}
.abstand {
float: left;
width: 35px;
}
ul#Navigation li{
float:left;
list-style: none;
display: inline;
padding: 0;
}
ul#Navigation a, ul#Navigation span{
color:#FFFFFF;
text-decoration:none;
}
ul#Navigation a:hover, ul#Navigation span{
color:#431c0b;
}
.bild{
background-image:url(../bilder/jutta.png);
}
ul#subnavigation {
color: #cd0067;
list-style:none;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
width: 135px;
height: 427px;
top: 20px;
left: 17px;
position: relative;
line-height:15px;
margin: 0;
padding: 0;
text-align:left;
border:0px solid black;
}
ul#subnavigation a, ul#subnavigation span{
color:#cd0067;
text-decoration:none;
}
ul#subnavigation a:hover, ul#subnavigation span{
color: #431c0b;
}
p{
color:#431c0b;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin-left:165px;
line-height:15px;
clear:none;
}
#p2{
color:#431c0b;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
left:70px;
line-height:15px;
clear:none;
}
#scrollbar {
width:11px;
height:10px;
font-size:1px;
z-index:1;
}
#up {
position:absolute;
left:580px;
z-index:2;
top: 550px;
}
#down {
position:absolute;
left:580px;
top: 560px;
z-index:3;
width: 16px;
height: 14px;
}
#type1 {
background-color:#efefef;
border:1px solid black;
}
#type2 {
background-color:#efefef;
border:1px solid black;
}
a{
color: #cd0067;
text-decoration:none;
}
#logo{
margin-left:660px;
position:absolute;
margin-top:40px;
}
#spatz{
margin-top:447px;
margin-left:79px;
position:absolute;
z-index:2;
}
#textboxscroll{
}
.forumlartext{
color:#431c0b;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.listentext{
color:#431c0b;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin-left:165px;
clear:none;
}
#impressum{
color:#FFFFFF;
margin-top:540px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:720px;
position:absolute;
z-index:4;
}
#impressum2{
color:#431c0b;
margin-top:540px;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:720px;
position:absolute;
z-index:4;
}PS. Die Dokumente sind die Version die bei dem FF funktioniert.
grüße
