cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
wichtigWir suchen PHP-Entwickler/innen (Freelancer oder Vollzeit)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 69394
Mitglieder online: 2
Gäste online: 2
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: CSS: Hintergrund sowie Text-Decoration in FF falsch aber IE korrekt

Thread: CSS: Hintergrund sowie Text-Decoration in FF falsch aber IE korrekt

Seite 1 von 3123

26.04.2009 22:03 Uhr

 

Status: offline
Guten Abend,

ich habe da das Problem, dass Formatierungen mit CSS im FireFox nicht korrekt interpretiert werden - aber im IE korrekt...

Meist ist es ja anders herum also, dass der FF alles korrekt anzeigt  :wink: 

Ich habe zu den beiden Problemen Screens gemacht:

user-pic
Im FF die Hintergrundgrafik bricht ab und Link ist nicht unterstrichen

user-pic
In IE ist alles korrekt

CSS:
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.post_body {
      PADDING-RIGHT: 16px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 16px; BACKGROUND: url(img/post_body.jpg) no-repeat left top; PADDING-BOTTOM: 0px; PADDING-TOP: 16px
}
....
.foto {
      
      background-image:url(img/image_bg.png);
      background-repeat:no-repeat;
      width:120px;
      height:120px;
      text-align:center;
      padding-top:18px;
      float: left;
      padding-right: 10px;
      clear:  none;
      text-decoration: none;
 
}
.foto A {
      COLOR: #878787; TEXT-DECORATION: none
}
.foto A:hover {
      TEXT-DECORATION: underline
}
Ausgabe:
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
echo "<div class='post_body'>";
 
      echo "<p>".substr($art['art_inhalt'], 0, 600)."...";
            
      for($i88 = 0; $i88 < $num_fotos; $i88++)
      {
            $foto = mysql_fetch_array($res_fotos);
            echo "<div class='foto'><a href='bilder/".$foto['foto_foto_id'].$foto['foto_foto_endung']."' rel='lightbox[roadtrip]' title='".$foto['foto_foto_name']."'><div style='width: 90px; height: 65px; margin-left: auto; margin-right: auto; vertical-align: middle;'><img src='bilder/".$foto['foto_foto_id'].$foto['foto_foto_endung']."' style='max-width: 90px; max-height: 65px;' alt=''></div><div style='padding-top: 6px'>Bild ";
            echo $i88+1;
            echo " von ".$num_all_fotos."</div></a></div>";      
      }
      
      echo "</p>";
 
      echo "</div>";
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
26.04.2009 22:09 Uhr

 

Status: offline
Einen Link hast du nicht, oder?
Zitat:
und Link ist nicht unterstrichen

Das hast du hier so definiert:
css:
1
2
3
.foto A {
      COLOR: #878787; TEXT-DECORATION: none
}
Du sagst, dass er die Links nicht unterstreichen soll!
___________________________
MFG Jan
"funzt nicht" ist keine gültige Fehlerbeschreibung!*haarerauf*
http://www.sysprofile.de/id30821
26.04.2009 22:13 Uhr

 

Status: offline
Zitat:
Du sagst, dass er die Links nicht unterstreichen soll!

Dies soll auch wie es definiert ist nur bei "hover" geschehen...

Zitat:
Einen Link hast du nicht, oder?

Doch... dieser geht um einen Div - oder war das wieder nicht valide?  :question: 
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
26.04.2009 22:15 Uhr

 

Status: offline
Ich meinte zu einer Beispielseite.

Also IE unterstreicht bei Hover und FF nicht?
___________________________
MFG Jan
"funzt nicht" ist keine gültige Fehlerbeschreibung!*haarerauf*
http://www.sysprofile.de/id30821
26.04.2009 22:21 Uhr

 

Status: offline
Zitat:
Also IE unterstreicht bei Hover und FF nicht?

Genau
Zitat:
Ich meinte zu einer Beispielseite.

Habe schnell eine Version online gebracht: <<LINK>>
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
26.04.2009 22:32 Uhr

 

Status: offline
Wegen dem Link tippe ich darauf, dass der Firefox keine Div Elemente innerhalb eines Links erlaubt.
http://validator.w3.org/check?uri=http%3A%2F%2Fweb144.c109.cyan.fastwebserver.de%2 ... omatically)&doctype=Inline&group=0
Wegen dem Hintergrund weiß ich auch nicht weiter.
Vielleicht reicht es ja, den Code zu "reinigen"
___________________________
MFG Jan
"funzt nicht" ist keine gültige Fehlerbeschreibung!*haarerauf*
http://www.sysprofile.de/id30821
26.04.2009 22:38 Uhr

 

Status: offline
Zitat:
Wegen dem Link tippe ich darauf, dass der Firefox keine Div Elemente innerhalb eines Links erlaubt.

Ja, wenn der Link nicht um den DIV ist, macht der FF, was ich von ihm will  :wink: 

... hierzu hatte der validator auch gemekert - nachdem ich ihn auf utf-8 eingestellt habe...

In Sachen Hintergrund gibt es aber keine Fortschritte...
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
26.04.2009 22:44 Uhr

 

bmk
Moderator
Status: offline
Und in einem <p> ist ein <div>? Sehr merkwürdig...

Bitte mach erst einmal den Quellcode valide, dann reden wir weiter. Der Validator sagt sogar
Zitat:
document type does not allow element "body" here
. Was willst du also noch, wenn nicht mal das Body-Tag an der richtigen Stelle ist?
___________________________
Let's code responsibly...
Webcrawler -- Portal für Dirigenten -- Musikverein Königstetten
26.04.2009 22:50 Uhr

 

Status: offline
Zitat von selfhtml:
Kindelemente: Darf #PCDATA und folgende andere HTML-Elemente enthalten:
[Inline-Elemente] (außer a)


div ist kein Inline-Element, sondern ein Block-Element. Entsprechend müsstest du das zB mit <span> lösen
___________________________
C++ ist ein Esel mit Ledersitzen und elektrischen Fensterhebern, Java ist auch eine Insel und Python ist eine Schlange...
27.04.2009 13:08 Uhr

 

Status: offline
Zitat:
div ist kein Inline-Element, sondern ein Block-Element. Entsprechend müsstest du das zB mit <span> lösen

Problem ist hier aber dass ich "<span>" keine Größen zuweisen kann - außer wenn man "display: block" macht, was bewirkt, dass wieder "float" gebraucht wird, womit an dieser Stelle nur der IE zurecht kommt.

user-pic
mit SPAN
___________________________
-> www.daniel-winter.de
Wer da nicht wach wird ist TOT oder HipHopper
Seite 1 von 3123
Ähnliche Threads Forum Ähnlichkeitsgrad
 CSS Problem mit dem IE - margin/padding Abstände Website & Webprogrammierung 3
 Suche CSS-Anpasser von FF zu IE Website & Webprogrammierung 3
 float - IE und Firefox Website & Webprogrammierung 2
 CSS Layer mit halbtransparenter Hintergrundgrafik im IE falsch Website & Webprogrammierung 2
 [CSS] margin funktioniert nur im IE Website & Webprogrammierung 2
 CSS Problem mit IE Website & Webprogrammierung 2
 margin & IE Website & Webprogrammierung 2
nach obennach oben

Copyright © 2014 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news
ANEXIA - PHP Entwicklung - Web-Entwicklung - Fritz!Box Anrufmonitor für Mac OS - Rolladen, Markisen und Jalousien in Stuttgart - Rolladen in Stuttgart - SMSjobs