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

DIVs probleme unter verschiedenen Browsern.

Status
Für weitere Antworten geschlossen.

tullie

Neues Mitglied
HI Leute. Ich bin halb am verzweifeln.

Ich habe einfach mal zwei DIVs in form eines 4eck mit rand nebeneinander gelegt. wenn ich mir diese seite nun mal unter mehreren BROWSERN anschaue fällt mir auf das zb. bei FIREFOX liegt das zweite 4eck mit dem linken rand auf dem rechten rand vom ersten 4eck. unter OPERA und IE liegen die ränder nicht aufeinander sondern nebeneinander. so das der rand in der mitte doppelt so dick ist also 2 pixel.

ich bekomme das problem nicht gelöst das die AUSGABE überall gleich ist. bin ich zu BLÖD oder ist das PROBLEM bekannt bzw was kann man dagegen machen ? DANKE


Ich habe in meiner *.shtml datei folgendes stehen:

#####################################
Code:
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="xxx">
<title>xxx</title>
<link href="css/test.css" rel="stylesheet" type="text/css">

</head>

<div class="aaa">
</div>

<div class="bbb">
</div>

</body>

</html>

###########################

Meine CSS Datei sieht wie folgt aus.

Code:
body { 
  background-color:#e8e8e8;
  color:#000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  
}

.aaa {
position:absolute;
top:10px;
left:10px;

background-color: #FFFFFF;

width: 100px;
height: 100px;

border: 1px solid #000000;
}


.bbb {
position:absolute;
top:10px;
left:110px;

background-color: #FFFFFF;

width: 100px;
height: 100px;

border: 1px solid #000000;
}

###############################
 
Code:
.aaa {
  margin-top:10px;
  margin-left:10px;
  float:left;
  background-color: #FFFFFF;
  width: 100px;
  height: 100px;
  border: 1px solid #000000;
}

.bbb {
  margin-top:10px;
  float:left;
  background-color: #FFFFFF;
  width: 100px;
  height: 100px;
  border: 1px solid #000000;
}
 
Hey. Ja ne, das kann es nicht sein. float OK aber ohne "position:absolute;" kann man das vergessen. weil ich 100 % genaue pixelangaben brauche.

wenn ich jetzt "position:absolute; " dazu füge geht auch nix mehr... volles chaos...
 
Weiß keiner nen rat ?

würde die DIVs gerne auf "position:absolut" aufbauen aber so, das sie unter allen browsern kompatibel sind.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben