Maria D.: <A> Box zu lang (zu kurz)

SELF-Forum

<A> Box zu lang (zu kurz)

Maria D.
– Informationen zu den Bewertungsregeln

Hallo Freunde des CSS,

ich habe folgendes Script:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
<!--
#box1 {
 position: absolute;
 left: 200px;
 top: 75px;
 width: 200px;
 z-index: 4;
 border-left: 1px solid #FFFFFF;
 }

a.link2 {
 color: #000000;
 font-size: 10px;
 text-decoration: none;
 display:block;
 padding-top: 8px;
 padding-left: 20px;
 padding-bottom: 8px;
 width: 200px;
 border-bottom: 1px solid #FFFFFF;
 background-color:#CCCCCC;
 }

a.link2:hover {
 color: #000000;
 font-size: 10px;
 text-decoration: none;
 background-color: #010d80;
 display:block;
 padding-top: 8px;
 padding-left: 20px;
 padding-bottom: 8px;
 width:200px;
 border-bottom: 1px solid #FFFFFF;
 background-color:#FFFFFF;
 }
-->
</style>

</head>

<body>
<div id="box1">
 <a href="#" class="link2">Blindtext</a>
 <a href="#" class="link2">Blindtext</a>
 <a href="#" class="link2">Blindtext</a>
 <a href="#" class="link2">Blindtext</a>
</div>
</body>
</html>

Ich möchte, dass die Buttons alles 200 Pixel breit sind.
Bei Opera & IE funktioniert das auch. Beim Firefox werden
die Buttons 220 Pixel lang. Das padding-left: 20px; macht die
Box länger. Was muss ich im Script anpassen,
damit es im Firefox auch 200 Pixel breit ist.
Es soll bei allen drei Browser gleiche Breite und Höhe der Bunttons anzeigen.

Gruß an alle CSS Profis

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <A> Box zu lang (zu kurz)

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Es soll bei allen drei Browser gleiche Breite und Höhe der Bunttons anzeigen.

    dann gebe einen Doctype für den standardkompatiblen Modus und width:180px an. Lediglich ältere IEs benötigen dann noch eine Korrektur ihrer Fehldarstellung.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. <A> Box zu lang (zu kurz)

      Maria D.
      – Informationen zu den Bewertungsregeln

      Hi Ingo,

      ich habe

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

      hinzugefügt. Ändert aber leider nichts an der Darstellung
      oder machts es etwas falsch?

      cu

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. <A> Box zu lang (zu kurz)

        wahsaga Homepage des Autors
        – Informationen zu den Bewertungsregeln

        hi,

        ich habe
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        hinzugefügt. Ändert aber leider nichts an der Darstellung

        Hast du auch die width auf 180px verkürzt?

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. <A> Box zu lang (zu kurz)

          Maria D.
          – Informationen zu den Bewertungsregeln

          DANKE, genau das hat gefehlt.

          toll.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln