Ergebnis 1 bis 3 von 3

Thema: <div> Problem...die 2te

  1. #1
    Azubi(ne)
    Registriert seit
    16.04.2008
    Ort
    Bonn
    Alter
    28
    Beiträge
    72
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard <div> Problem...die 2te

    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

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    
    <title>Jutta Kl&ouml;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]
                                Impressum 
            <ul id="Navigation">
            		[*]zur Person
                    <li class="abstand">
            		[*]die Stimme
                    <li class="abstand"> [*]<span>mein Angebot</span>
                    <li class="abstand"> [*]Termine
                    <li class="abstand"> [*]Galerie
                    <li class="abstand"> [*]Kontakt
                    <li class="abstand"> [/list]
            
            
            
            
            
            
    		<div id="whitebox">
    		<div id="submenu" >	
           			 <ul id="subnavigation">
            				[*]gesang
    [*]<span>energiearbeit</span>
    
                            	<ul type="none">
                           			 
    <li ><a href="energetisches_coaching.html">energetisches
    coaching</a>
    
                            			[*]MUNAY-KI
    [/list]
                             
                               [*]preise
                    [/list]	
              </div>
            <div id="textbox">
          
    
     Energiearbeit
         	
    
            
    
    
    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&uuml;r Emotionen jeglicher Art sorgen k&ouml;nnen.
    
    
    
    Auf einer anderen Ebene, der Ebene des S&auml;ngers ist es so, dass wir, wenn wir singen,
    
     immer auch einen Teil unserer Selbst, unserer Seele zeigen. Wieviel h&auml;ngt davon ab, wie 
    
    sehr wir uns den eigenen Emotionen &ouml;ffnen.
    
    
    
    Kommen wir beim Singen an einen Punkt der Stagnation, an eine Grenze, die sich weder 
    
    stimmtechnisch noch k&ouml;rperlich oder anders l&ouml;sen l&auml;sst, biete ich Stimmarbeit gepaart mit 
    
    einem Arbeiten auf energetischer Ebene an&#58; Denn St&ouml;rungen in diesem Bereich beeinflus-
    
    sen auch unsere Stimme und verhindern dass sie frei flie&szlig;t. 
    
    
    
    Ist auf energetisch-seelischer Ebene wiederum der Knoten gel&ouml;st, wird auch unsere 
    
    Stimme freier, was deutlich spr- und h&ouml;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";
    
    /*&#123;
    
    font-family&#58;Arial, Helvetica, sans-serif;
    font-size&#58;12px;
    
    color&#58;#431c0b;
    
    &#125;*/
    
    #rosabox&#123;
    	background-color&#58; #cd0067;
    	margin&#58; auto;
    	top&#58; 50px;
    	height&#58; 650px;
    	width&#58; 900px;
    	
    &#125;
    
    
    #whitebox&#123;
    	background-color&#58;#FFFFFF;
    	height&#58; 427px;
    	width&#58; 663px;
    	top&#58; 82px;
    	left&#58; 118px;
    	position&#58;relative;
    	overflow&#58;auto;
    &#125;
    
    #textbox&#123;
    	height&#58; *px;
    	/*width&#58; 507px;*/
    	margin-left&#58;275;
    	overflow&#58;auto;
    	
    	border&#58;0px solid black;
    	
    &#125;
    
    
    
    #submenu&#123;
    	/*margin-top&#58;82px;
    	margin-left&#58;118px;*/
    	background-color&#58;#f4d1e3;
    	height&#58; 427px;
    	width&#58; 156px;
    	position&#58;fixed;
    	z-index&#58;5;
    	&#125;
    
    
    
    #blackbox&#123;
    	background-color&#58;#431c0b;
    	margin&#58; auto;
    	height&#58; 30px;
    	width&#58; 900px;
    
    &#125;
    
    ul#Navigation &#123;
    	font-size&#58; 12px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	width&#58; 663px;
    	height&#58; 25px;
    	top&#58; 90px;
    	left&#58; 135px;
    	position&#58; relative;
    	margin&#58; 0;
    	padding&#58; 0;
    	text-align&#58;left;
    	border&#58;0px solid black;
    &#125;
    
    .abstand &#123;
    
    	float&#58; left;
    	width&#58; 35px;
    
    &#125;
    
    ul#Navigation li&#123;
    	
    	
    	float&#58;left;
    	list-style&#58; none;
    	display&#58; inline;
    	padding&#58; 0;
    	
    &#125;
    
    ul#Navigation a, ul#Navigation span&#123;
    	color&#58;#FFFFFF;
    	text-decoration&#58;none;
    
    &#125;
    
    ul#Navigation a&#58;hover, ul#Navigation span&#123;
    	color&#58;#431c0b;
    &#125;
    
    
    
    .bild&#123;
    	background-image&#58;url&#40;../bilder/jutta.png&#41;;
    
    
    &#125;
    
    ul#subnavigation &#123;
    	color&#58; #cd0067;
    	list-style&#58;none;
    	font-size&#58; 11px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	width&#58; 135px;
    	height&#58; 427px;
    	top&#58; 20px;
    	left&#58; 17px;
    	position&#58; relative;
    	line-height&#58;15px;
    	margin&#58; 0;
    	padding&#58; 0;
    	text-align&#58;left;
    	border&#58;0px solid black;
    &#125;
    
    ul#subnavigation a, ul#subnavigation span&#123;
    	color&#58;#cd0067;
    	text-decoration&#58;none;
    
    &#125;
    
    ul#subnavigation a&#58;hover, ul#subnavigation span&#123;
    	color&#58; #431c0b;
    &#125;
    
    p&#123;
    
    	color&#58;#431c0b;
    	font-size&#58;11px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	
    	margin-left&#58;165px;
    	line-height&#58;15px;
    	clear&#58;none;
    &#125;
    
    #p2&#123;
    
    	color&#58;#431c0b;
    	font-size&#58;12px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	padding&#58;10px;
    	left&#58;70px;
    	line-height&#58;15px;
    	clear&#58;none;
    &#125;
    
    
    
    
    #scrollbar &#123;
    	width&#58;11px; 
    	height&#58;10px; 
    	font-size&#58;1px; 
    	z-index&#58;1;
    &#125;
    
    #up &#123;
    	position&#58;absolute;
    	left&#58;580px;
    	z-index&#58;2;
    	top&#58; 550px;
    &#125;  
    
    #down &#123;
    	position&#58;absolute;
    	left&#58;580px;
    	top&#58; 560px;
    	z-index&#58;3;
    	width&#58; 16px;
    	height&#58; 14px;
    &#125;
    
    #type1 &#123;
    background-color&#58;#efefef;
    border&#58;1px solid black;
    
    
    &#125;
    
    #type2 &#123;
    background-color&#58;#efefef;
    border&#58;1px solid black;
    
    
    &#125;
    
    
    a&#123;
    color&#58; #cd0067;
    text-decoration&#58;none;
    &#125;
    
    #logo&#123;
    	margin-left&#58;660px;
    	position&#58;absolute;
    	margin-top&#58;40px;
    	
    
    &#125;
    #spatz&#123;
    	margin-top&#58;447px;
    	margin-left&#58;79px;
    	position&#58;absolute;
    	z-index&#58;2;
    
    &#125;
    
    #textboxscroll&#123;
    
    
    &#125;
    
    .forumlartext&#123;
    
    	color&#58;#431c0b;
    	font-size&#58;11px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	
    	
    	
    	
    &#125;
    
    .listentext&#123;
    
    	color&#58;#431c0b;
    	font-size&#58;11px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	margin-left&#58;165px;
    	
    	clear&#58;none;
    
    &#125;
    
    
    #impressum&#123;
    	
    	color&#58;#FFFFFF;
    	margin-top&#58;540px;
    	font-size&#58; 12px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	margin-left&#58;720px;
    	position&#58;absolute;
    	z-index&#58;4;
    	
    &#125;
    
    #impressum2&#123;
    
    	color&#58;#431c0b;
    	margin-top&#58;540px;
    	font-size&#58; 12px;
    	font-family&#58;Arial, Helvetica, sans-serif;
    	margin-left&#58;720px;
    	position&#58;absolute;
    	z-index&#58;4;
    &#125;
    PS. Die Dokumente sind die Version die bei dem FF funktioniert.

    grüße
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    ehm....*piep*?

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Setze mal zunächst alle Elemente mit dem Universalselektor auf Abstand "0" und definiere dann bei Bedarf für jedes einzelne den Abstand neu.
    Code:
    * &#123;margin&#58; 0; padding&#58; 0;&#125;

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    16.04.2008
    Ort
    Bonn
    Alter
    28
    Beiträge
    72
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ohh doch so einfach.. danke dir geht alles
    ehm....*piep*?

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •