• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css und firefox

Status
Für weitere Antworten geschlossen.
hi leute

ich hab meine seite mit css und div-containern gestaltet. dann wollt ich sie im firefox anschauen aber es ist als würde er keinen einzigen div bereich akzeptieren. es werden nur die bilder und der text (beides in div-comtainern) angezeigt.
Jetzt frag ich mich ob's an meinen programmier-künsten oder am browser liegt.
das wär der code:

Danke schon mal im voraus.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
 <meta name="generator" content="Scribe! 2 [http://scribe.de]">
 <title>Unbenannt</title>
</head>
<style type="text/css">
<!--
html{overflow:auto;}

#1{background-color:yellow; text-align:center;
   position:absolute; alignment:top; left:100px; width:700px; height:50px;}
   
#2{background-color:yellow;
   position:absolute; left:100px; width:200px; height:800px;}
   
#3{background-color:yellow;
   position:absolute; left:310px; top:160px; width:490px; height:10px; }
   
#4{background-color:#EEDD11;
   position:absolute; left:310px; top:185px; width:490px; height:615px;
   overflow:auto;
   scrollbar-3dlight-color:yellow; scrollbar-darkshadow-color:yellow; scrollbar-highlight-color:yellow; scrollbar-shadow-color:yellow; scrollbar-arrow-color:yellow; scrollbar-base-color:black; scrollbar-face-color:black; scrollbar-track-color:yellow;}    
   
#5{background-color:#EEDD11; font-size:large; text-align:center; font-family:Abadi MT Condensed Light;
   position:absolute; left:310px; top:72px; width:490px; height:80px;}    
   
#6{background-color:yellow; 
   position:absolute; left:800px; width:2px; height:800px;}
#code{background-color:white; 
      position:absolute; left:5px; top:5px; width:480px; height:280px;
      border-style:double;}
-->
</style>
<body> 


<div id="1"> </div>


<div id="2"></div>


<div id="3"></div>


<div id="4">

<div id="code">
[img]grundgeruest.jpg[/img]
            
</div>
</div>  
 

<div id="5">
Grundaufbau</div> 


<div id="6"></div>

</body>
</html>
 
Werbung:
öhm, du musst den DIV's natürlich die styles zuweisen:

<div class="6"></div>

außerdem würde ich die # durch . ersetzen.
 
danke für den tipp.

ich hab jetzt alle "id" durch "class" ersezt (natürlich ohne anführungszeichen :D ).
im firefox wird es aber immer noch net richtig angezeigt. kann's sein das ich mir irgendwo n plug in oder ne erweiterung suchen muss. auf der offiziellen firefox seite hab ich aber noch nihcts für css gefunden
 
Werbung:
Hat ja erstmal garnix damit zu tun, obs IDs oder classes sind. Dein Prob ist, dass du Ziffern verwendet hast.

Probiers mal so:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
 <meta name="generator" content="Scribe! 2 [http://scribe.de]">
 <title>Unbenannt</title>
</head>
<style type="text/css">
<!--
html{overflow:auto;}

#eins{background-color:yellow; text-align:center;
   position:absolute; alignment:top; left:100px; width:700px; height:50px;}
   
#zwei{background-color:yellow;
   position:absolute; left:100px; width:200px; height:800px;}
   
#drei{background-color:yellow;
   position:absolute; left:310px; top:160px; width:490px; height:10px; }
   
#vier{background-color:#EEDD11;
   position:absolute; left:310px; top:185px; width:490px; height:615px;
   overflow:auto;
   scrollbar-3dlight-color:yellow; scrollbar-darkshadow-color:yellow; scrollbar-highlight-color:yellow; scrollbar-shadow-color:yellow; scrollbar-arrow-color:yellow; scrollbar-base-color:black; scrollbar-face-color:black; scrollbar-track-color:yellow;}   
   
#fuenf{background-color:#EEDD11; font-size:large; text-align:center; font-family:Abadi MT Condensed Light;
   position:absolute; left:310px; top:72px; width:490px; height:80px;}   
   
#sechs{background-color:yellow;
   position:absolute; left:800px; width:2px; height:800px;}
#code{background-color:white;
      position:absolute; left:5px; top:5px; width:480px; height:280px;
      border-style:double;}
-->
</style>
<body>


<div id="eins"> </div>


<div id="zwei"></div>


<div id="drei"></div>


<div id="vier">

<div id="code">
[img]grundgeruest.jpg[/img]
           
</div>
</div> 
 

<div id="fuenf">
Grundaufbau</div>


<div id="sechs"></div>

</body>
</html>

DerJoerg
 
Werbung:
ES FUNKTIONIERT!!!

danke.
by the way: man darf ziffern benutzen aber dsa erste zeichen muss ein buschtabe sein. z.B.:a1. nur bei iexplorer funzt es auch wenn man nur zahlen verwendet.

danke nochmal
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben