_
toggle menu eXmatrikulationsamt.de
online: 372 gäste

> CSS: WTF? Legends mit 3 spans drinne eigenartige lücken dazwischen

Themen Layout: Standard · Linear · [Outline] Thema abonnieren | Thema versenden | Thema drucken
post 04 Sep 2008, 14:56
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004

ich hab ne legend an nem form innerhalb dieser legend liegen drei spans mit jeweils einem bild...

linker rand
mittelhintergrund
rechter rand

jetzt jab ich die spans mit paddings aufgespannt um die background-images anzuzeigen. die paddings habe ich genau so gewählt, daß sie genauso breit wie die bilder sind. (nur links und rechts, mitte bgraucht kein padding, steht ja text drinne

komischerweise zeigt mein firefox 3 das super an, die 2 jedoch zeigts an manchen stellen richtig und an manchen falsch (obwohl der selbe quelltext dasteht...

jemand ne idee nach was ich suchen muss?
ProfilPM
AntwortenZitierenTOP
 
Antworten
post 04 Sep 2008, 16:23
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004

angehängtes Bild

wie man sieht habe ich drei formulare... die auch völlig gleich aufgebaut sind

die oberen drei dinger sind die spans innerhalb des legend elements

in allen drei formularen ist alles genau gleich:

CODE

span.links {
background: url(links.png) repeat-x scroll top left;
   padding-top:2px;
   padding-bottom:8px;
   padding-left:2px;
   padding-right:2px;
   margin-right:0px;
   margin-left:0px;

}

span.mitte {
background: url(mitte.png) repeat-x scroll;
   
color: #000000;
padding-top:2px;
padding-right:10px;
   padding-left:10px;
   padding-bottom:8px;
   margin-left:0px;
   margin-right:0px;
}


span.rechts {
background: url(rechts.png) no-repeat top right;
   padding-top:2px;
   padding-bottom:8px;
   padding-right:28px;
   padding-left:0px;      
   margin-right:0px;
   margin-left:0px;
}

legend {
color: #000000;
   cursor: pointer;
font-size:80%;

}

legend.legends {

       margin-bottom:24px;

}

ProfilPM
AntwortenZitierenTOP
1 Nutzer liest/lesen dieses Thema (1 Gäste)
0 Mitglieder: