CSS Layout macht Probleme mit Firefox

Wimme · 15.10.2005, 12:09

Hallo! Also ich bin hier grad ein bisschen am rumspielen mit CSS. Habe damit so gut wie nix gemacht und sammle grad erste Erfahrungen. Ich habe es auch ungefähr so hingekriegt wie ich es haben wollte - aber leider nur mit dem IE. Der Firefox stellt es anders da. Ich weiß nicht, warum der nicht mein margin beachtet. Jedenfalls nciht für die rechte Seite!
Also hier ist mein CSS Layout:

Code:

*
{
font-size: 12px;
}

html
{
height                 :100%;
}

body
{
  color                : #FFFFFF;  
  height               :  100%;
  background           : #344566; 
  background-attachment: fixed;
  background-repeat    : no-repeat;
  background-position  : top;
  SCROLLBAR-FACE-COLOR: #cfd4d9; 
  SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
  SCROLLBAR-SHADOW-COLOR: ##636c75; 
  SCROLLBAR-3DLIGHT-COLOR: #666666; 
  SCROLLBAR-ARROW-COLOR: #666666; 
  SCROLLBAR-TRACK-COLOR: #BFC2CA; 
  SCROLLBAR-DARKSHADOW-COLOR: #666666;
  font-size            : 12px;
  font-family          : Times new roman,Tahoma,sans-serif; 
}

table
{
   width: 10%;
   font-size: 12px;
   background-color: #344566;
   border-color: #415680;
   table-layout: auto;
} 

div#a
{
border:2px dotted #ffffff;
background-color:#344055;
padding:1%;
margin: 2%;
height: 95%;
width: 100%;
position:relativ;
}

den html selektor habe ich eingefügt, weil ich da bei irgendeinem Beispiel von CSS4YOU sowas gesehen habe.Nämlich hier: http://www.css4you.de/wslayout1/ex0002.html
sowas will ich ja ungefähr haben und das wird auch von beiden Browsern korrekt angezeigt..dort im Quelltext habe ich das mit html gefunden.
naja...
meine HTML File sieht ganz einfach so aus:

Code:

<html>
 <head>
<title> Quoten</title> 
  <link rel="stylesheet" type="text/css" href="formate.css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 </head>
 <body>

<div id="a"> 
<table border="1" cellspacing="0" cellpadding="4">
    <tr> 
      <td> <font>hallo</font></td>
      <td> <font>2.Zelle </font></td>
    </tr>
    <tr> 
      <td> <font>2.Zeile,1.Zelle</font></td>
      <td> <font>2.Zeile,2.Zelle</font></td>
    </tr>
  </table>
</div>

</body>
</html>

Warum der Unterschied? Was versteht Firefox nicht?

Gruß,
Wimme
?>[/php]

15.10.2005, 12:23

pack dein margin mal hierein

Code:

html {
margin: 2%;
}

Wimme · 15.10.2005, 13:33

das klappt.

aber hier die beschreibung von margin:
Erzeugt einen Abstand zu anderen Element. Außenabstände kannst du als transparenten Rand um ein Element betrachten. Dieser Rand ist transparent, um so einen Abstand zu anderen Elementen zu erzeugen.

hmm....

warum tut das im html und nicht beim div-Container?! Sollte es nicht anders herum sein?

Gruß,
Wimme

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Firefox / IE - Probleme		HTML, Usability und Barrierefreiheit	5	20.07.2009 17:04
probleme bei internet explorer und firefox	igron	PHP Tipps 2008	0	12.05.2008 17:27
Firefox / IE - ungeahnte Statistik	pepe24	Off-Topic Diskussionen	10	30.04.2007 16:46
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)!	vampsoftchef	HTML, Usability und Barrierefreiheit	1	28.02.2007 00:22
templates oder css mit firefox	rbs_phoenix	HTML, Usability und Barrierefreiheit	1	30.10.2006 15:24
Session funktioniert im IE nicht, Firefox ohne Probleme	havok	PHP Tipps 2006	7	14.08.2006 14:05
Probleme mit Firefox	lessiv	Off-Topic Diskussionen	1	10.01.2006 15:19
[Erledigt] window.location.href mit firefox		HTML, Usability und Barrierefreiheit	15	18.11.2005 17:49
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
Deer Park Alpha 1 (=Mozilla Firefox 1.1)		Off-Topic Diskussionen	15	09.07.2005 02:32
[Erledigt] verfluchter Firefox		HTML, Usability und Barrierefreiheit	5	08.07.2005 22:51
Probleme mit dem Layout	Pimbolie1979	HTML, Usability und Barrierefreiheit	7	01.06.2005 16:48
Morzilla Firefox und CSS probleme	JEGO	HTML, Usability und Barrierefreiheit	20	18.11.2004 21:49


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.10.2005, 12:23
Gast Beiträge: n/a	pack dein margin mal hierein Code: html { margin: 2%; }

15.10.2005, 13:33
Wimme Neuer Benutzer Registriert seit: 08.06.2005 Beiträge: 25	das klappt. aber hier die beschreibung von margin: Erzeugt einen Abstand zu anderen Element. Außenabstände kannst du als transparenten Rand um ein Element betrachten. Dieser Rand ist transparent, um so einen Abstand zu anderen Elementen zu erzeugen. hmm.... warum tut das im html und nicht beim div-Container?! Sollte es nicht anders herum sein? Gruß, Wimme