_
toggle menu eXmatrikulationsamt.de
online: 916 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
post 04 Sep 2008, 15:21
avatar
eXma Poltergeist
*********

Punkte: 6729
seit: 20.10.2004

Willst du dir nicht mal lieber ein Buch kaufen? Was lernst du eigentlich in deinem Studium? Kannste da niemanden fragen in der Firma?


--------------------
ProfilPM
AntwortenZitierenTOP
post 04 Sep 2008, 15:24
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004

edit:

ich glaube ich ignoriere das als komplett unqualifizierte provokation...
ProfilPM
AntwortenZitierenTOP
post 04 Sep 2008, 15:41
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004

auffällig ist noch: das ganze passiert innerhalb eines großen formulars 3 mal und je nach nr gibts mehr lücken

das erste ist noch komplett zusammen, das zweite hat ne lücke zwischen span 1 und 2 und das 3. hat lücken zwischen allen drei spans

irgendjemand ne idee was oder wo ich suchen könnte, ich bin völlig am ende mit meinem latein.
ProfilPM
AntwortenZitierenTOP
post 04 Sep 2008, 16:07
avatar
3. Schein
***

Punkte: 210
seit: 20.08.2004

meine glaskugel liegt zu hause und nicht hier auf arbeit.
kannst du quellcode und/oder die beispielseite als link angeben?
ProfilPM
AntwortenZitierenTOP
post 04 Sep 2008, 16:11
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004

nee eher leider nicht möglich...

bin jetzt auch zum 4. male alles durchgegangen und zu dem schluss gekommen: firefox macht irgend nen hack
ProfilPM
AntwortenZitierenTOP
post 04 Sep 2008, 16:22
avatar
Straight Esh
*********

Punkte: 14030
seit: 01.10.2003

Kannst du wenigstens mal graphisch aufmalen, was du für ein Problem hast? So kommen wir nicht
weiter ...


--------------------


bonum agere et bonum edere,
sol delectans et matrona delectans

(Verlängere dein Leben indem du hier und hier und hier und hier klickst!)
ProfilPM
AntwortenZitierenTOP
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
Perseus
post 04 Sep 2008, 17:50
Dieser User ist abgemeldet. Abgemeldet





warum spannst du das mit paddings auf? (abgesehen davon könntest du dein css derbe verkleinern, wenn du die werte fürs padding und margin hintereinander weg schreibst, anstatt left und top und right und bottom aufzuführen - siehe da.)

wieso floatest du die Spans nich, dass sie nebeneinander liegen?




und wann kommt mein Gehaltsscheck? biggrin.gif

Dieser Beitrag wurde von Perseus: 04 Sep 2008, 17:51 bearbeitet
AntwortenZitierenTOP
post 04 Sep 2008, 22:29
avatar
Herr Dachs
*********

Punkte: 8394
seit: 15.12.2004

ja hintereinander schreib ich die wenns geht (bin schliesslich nich plöt :P)

und das floaten ist eben das problem, wenn ich die spans zu blockelementen mache stellt firefox 2 die legend unter den form aussenrahmen und firefox 3 stellt sie drauf und das is scheisse, denn eigentlich soll sie immer drauf sein...
ProfilPM
AntwortenZitierenTOP
post 04 Sep 2008, 23:11

runderneuert
*********

Punkte: 3813
seit: 01.10.2003

also ich will mal bezweifeln, das ff3 und ff2 so unterschiedliche ausgaben verursachen.

meine bisherigen seiten werden tadellos dargestellt. ok die sind aber auch w3c-valide :P

prinzipiell is der tipp von perseus nicht zu verachten. du solltest nach moeglichkeit die css so klein wie moeglich halten, fuer ne bessere uebersicht. viele darstellungsunterschiede resultieren aus falsch geschriebenen css.
ziel ist im uebrigen nicht, eine moeglichst große verschachtelte css-datei zu produzieren!
ProfilPM
AntwortenZitierenTOP
Perseus
post 05 Sep 2008, 11:53
Dieser User ist abgemeldet. Abgemeldet





Zitat(Socres @ 04 Sep 2008, 22:29)
firefox 3 stellt sie drauf und das is scheisse
*



hm, ich sollte mir den 3er Fuchs wohl doch mal zulegen rolleyes.gif
AntwortenZitierenTOP
1 Nutzer liest/lesen dieses Thema (1 Gäste)
0 Mitglieder: