Hallo,
schöne moderne Internetwelt mit schönen einfachen Standards.
In der Grafik ist ein und die selbe css-Formatierung in 3 verschiedenen Browsern zu sehen. Auch die Possitionierung der Box ist mit dem selben Wert. Ich hab keine Ahnung, warum Opera die Box zu weit unten anzeigt.
Die Box besteht aus mehreren DIV-Containern.
HTML
<div id="help_tip" >
<div id="help_tip_text" ><?php echo $HELP_OBJECTNAME[0]; ?></div>
<div id="help_tip_para" ><?php echo $BEZ_PARAMETER; ?>:</div><div id="help_tip_para2" ><?php echo $HELP_OBJECTNAME[1]; ?></div>
<div id="closebutton" ><a href="Javascript:hide_helptip();"><img src="close.gif" alt="<?php echo $BEZ_CLOSE; ?>" title="<?php echo $BEZ_CLOSE; ?>" border="0" /></a></div>
</div>
CSS
#help_tip
{
display: none;
position: absolute;
z-index: 100;
height: 5em;
width: 10em;
border:0.1em;
border-style:solid;
background-color:#F0EA73;
border-color:#C46200;
margin: 7.5em 5em 0em 1em;
}
#help_tip_text
{
text-align: justify;
border-width: 1px;
padding:0.5em;
font-size:0.8em;
}
#help_tip_para
{
padding:0.5em;
float:left;
font-size:0.8em;
font-style:oblique;
}
#help_tip_para2
{
padding:0.5em;
font-size:0.8em;
}
#closebutton, #closebutton2
{
text-align:center;
padding: 0.5;
margin: 1em 0em 0.5em 0em;
font-size:0.8em;
}
Nebenbei zeigt Opera die html-formatierten Sonderzeichen falsch an.
TEXT
$HELP_CITYBUILDINGTYPE = array("Definiert, ob das Stadtgebäude ein Wohnhaus, Geschäfts- oder Industriegebäude ist", "type");
$BEZ_PARAMETER = "Parameter";
Hat jemand eine Idee, wie ich auf einen gemeinsamen Nenner komme, ohne 3 verschiedene Versionen zu schreiben?
Und da hab ich noch keine Tests von Safari und anderen Betriebsystemen.
Topic: CSS - Formatierung (Read 11660 times)
previous topic - next topic
