Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
CSS wird in Chrome nicht angezeigt (aber im IE)
zurück: Tabelle: Padding horizontal/vertikal unterschiedlich, wie? weiter: VideoLightBox - Tabelle Zeilen breiter gemacht Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Feedback Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
8SAP
Gast


Verfasst am:
19. Feb 2013, 11:29
Rufname:

CSS wird in Chrome nicht angezeigt (aber im IE) - CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Hallo Community,

ich habe ein Problem mit 'nem CSS. Im Internet Explorer 8 wird es problemlos, so wie es sein soll angezeigt, allerdings im Google Chrome Version 24 wird nichts davon angezeigt. Woran könnte es liegen? Braucht ihr den Quellcode der HTML oder CSS Datei? Wäre über eine schnelle Hilfe sehr dankbar, da es ziemlich dringend ist.


Mit freundlichen Grüßen

8SAP
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
19. Feb 2013, 11:46
Rufname:
Wohnort: Aachen


AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Hallo 8SAP,

ein Link auf die Seite, wenn möglich, wäre nicht schlecht. Alternativ den HTML-Quelltext und das CSS (falls extern) hier posten.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
8SAP
Gast


Verfasst am:
19. Feb 2013, 11:49
Rufname:

AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Here you are. Bitte nicht über die unordentlichkeit schimpfen, ist das erste mal das ich was ernsteres mit HTML und externen Stylesheets anstelle.
HTML (index.php):
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FEIDA Customer Dialogue System</title>
<link href="formate.css" rel="stylesheet" type="text/css" />
</head>
<body>

   <div id="wrapper">
       <div id="userwelcome">
     
<a href="http://feida.de">[Logout]</a>
        </div>
      <div id="banner">
        </div>
        <div id="buttons">
        <a href="index.php"><img src="img/home.gif" /></a><a href="account.php"><img src="img/account.gif" /></a><a href="contact.php"><img src="img/contact.gif" /></a><a href="orders.php"><img src="img/orders.gif" /></a></div>
   </div>
   
<div id="content">
        <div id="middle_pic">
           <div id="description_pic">
               <div id="description_text">
              Since mid-september of this year, the drill bits are available ex warehouse Willich. At the begin of this range extension we decided ourselves for three different diameter sizes: 30mm, 65mm & 80mm. Also we offer you the right extension with a SDS+ holding fixture. We will add this article in a low edition and decide in the first quarter of 2013 about an expansion of this article group. You can get details about this product, about available quantities and minimum purchase for direct shipment via phone or E-Mail.
                   
              </div>
                <div id="description_more">
                    <a href="http://feida.de/?p=564">>>full article on feida.de</a>
                    </div>
               
           </div>
           
      </div>
  <div id="boxes">
    <div id="quicklinks_head">
            <div id="quicklinks_schrift">
            QUICKINFO
            </div>
               <div id="quicklinks">
             My last Order: <br />
                My contact: Antonios Ditzis<br />
                Unpaid bills: None<br />
            </div>   
         </div>
            <div id="soon_head">
            <div id="soon_schrift">
            Requirement
            </div>
            <div id="soon">
            Here you are going to see your personal requirement, once we have received it from you.
            </div>
            </div>
            </div>
</div>
</body>
</html>
CSS (formate.css):
Code:
@charset "utf-8";
{           margin:0px;             padding:0px;} 

body

background-color:#2e2e2e; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;


#userwelcome
{
   color:#FFF;
   text-align:right;
   font-weight:bold;
   font-size:10px;
}

#wrapper 

Width:532px; 
margin-left:auto; 
margin-right:auto; 


#content
{
   width:532px;
   margin-left:auto;
   margin-right:auto;
   margin-top:20px;
}

#banner 
{
   background-image:url(img/top.jpg);
   width:532px;
   height:111px;
   margin-left:auto;
   margin-right:auto;
   margin-top:5px;
   color: #FFF; 


#middle_pic 

background-image:url(img/bild_16.gif); 
margin-left:20px;
margin-top:0px;
width:auto;
height:158px;
background-repeat:no-repeat;


#description_pic
{
   background-image:url(img/bild_17.gif);
   margin-left:267px;
   width:auto;
   height:158px;
   background-repeat: no-repeat;
}

#description_text
{
   color:#000;
   position:relative;
   top:35px;
   left:3px;
   text-align: left;
   height:98px;
   width:220px;
   word-wrap: break-word;
   overflow:hidden;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   
}

#description_more
{
   font-weight:bold;
   position:relative;
   top:35px;
   left:3px;
   height:19px;
   width:220px;
   text-align:right;
}
   
a img {
    border:0px none;
}

#buttons
{
   border:0px;
   margin:0px;
   margin-top:20px;
}

#quicklinks_head
{
   position:relative;
   float:left;
   margin-left:23px;
   background-image:url(img/quicklink_bg.gif);
   background-repeat:no-repeat;
   width:260px;
   margin-top:0px;
}

#quicklinks_schrift
{
   position:relative;
   top:10px;
   color:#FFF;
   font-weight:bold;
   font-size:18px;
   height:auto;
}
   
#quicklinks
{
   position:relative;
   top:22px;
   margin-left:15px;
   margin-right:auto;
   width:230px;
   length:auto;
   color:#FFF;
}

#soon_head
{
   position:relative;
   float:left;
   margin-left:0px;
   background-image:url(img/quicklink_bg.gif);
   background-repeat:no-repeat;
   width:230px;
   margin-top:0px;
}

#soon_schrift
{
   position:relative;
   top:10px;
   color:#FFF;
   font-weight:bold;
   font-size:18px;
   height:auto;
}

   
#soon
{
   position:relative;
   top:22px;
   margin-left:px;
   margin-right:auto;
   width:228x;
   length:auto;
   color:#FFF;
}

#account_info_headline
{
font-weight:bold;
position:relative;
top:15px;
left:0px;   
}

#account_info_txt
{
font-weight:normal;
position:relative;
top:15px;
left:0px;   
}

#account_info_img
{
   background-image:url(img/account_textbg.png);
   background-repeat:no-repeat;
   position:relative;
   left:22px;
   top:20px;
   width:496px;
   height:240px;
}

#boxes

Width:532px;
margin-top:20px;
margin-left:auto; 
margin-right:auto; 
}
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
19. Feb 2013, 12:51
Rufname:
Wohnort: Aachen

AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Hallo 8SAP,

könntest du mal schildern, was das CSS tun soll. Ich habe mir die Seite nun im FF, IE, Safari, Opera und Chrome angeschaut. Außer, dass im FF die Bilder überhaupt nicht angezeigt werden, sieht es in allen Browsern mehr oder weniger gleich aus.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
19. Feb 2013, 12:57
Rufname:


AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Ich mache mal mein Problem anhand von zwei Screenshots deutlich.


IE8.jpg
 Beschreibung:
Internet Explorer 8:
 Dateigröße:  47.11 KB
 Angeschaut:  1054 mal

IE8.jpg



GC.jpg
 Beschreibung:
Google Chrome:
 Dateigröße:  35.26 KB
 Angeschaut:  1054 mal

GC.jpg


maninweb
Microsoft Excel MVP 2014


Verfasst am:
19. Feb 2013, 13:22
Rufname: maninweb
Wohnort: Aachen

AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Hallo Gast,

sieht nach CMS aus; könntest probieren, den kompletten Pfad zum CSS einfügen sowie den
Cache vom Chrome leeren.
Code:
<link href="http... usw... formate.css" rel="stylesheet" type="text/css" />

Gruß

_________________
Der größte Aberglaube der Gegenwart ist der Glaube an die Vorfahrt.
Jacques Tatischeff - auch bekannt als Jacques Tati
20FCC4FD0E3240C59522E3F0C4695941
Gast



Verfasst am:
19. Feb 2013, 13:26
Rufname:

AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Beides schon probiert, nichts hat funktioniert.

BTW: Danke schonmal für die schnellen Hilfeversuche, habe nicht mit so einer schnellen Reaktion gerechnet! Smile
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
19. Feb 2013, 14:03
Rufname:
Wohnort: Aachen

AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Hallo 8SAP,

mein Chrome war so nett und hat zumindest die Boxen und die Farben gesetzt. Vielleicht müsstest du mal den Verlauf in deinem Chrome löschen. Ansonsten habe ich die Menüleiste mal anders gemacht und einige Fehler aus dem CSS entfernt. Bei mir funktioniert es in den o.g. Browsern, sogar im IE 7. Hier die neue HTML-Version und das CSS:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FEIDA Customer Dialogue System</title>
<link href="formate.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrapper">
   <div id="userwelcome"><a href="http://feida.de">[Logout]</a></div>
        <div id="banner"></div>
   <!-- Beginn Menueleiste -->
   <div id="menu">
      <ul id="nav">
         <li><a href="index.php"><img src="img/home.gif" /></a></li>
         <li><a href="account.php"><img src="img/account.gif" /></a></li>
         <li><a href="contact.php"><img src="img/contact.gif" /></a></li>
         <li><a href="orders.php"><img src="img/orders.gif" /></a></li>
      </ul>      
   </div>
   <!-- Ende Menueleiste -->
</div>
   
<div id="content">
   <div id="middle_pic">
      <div id="description_pic">
         <div id="description_text">
                    Since mid-september of this year, the drill bits are available ex warehouse Willich. At the begin of this
               range extension we decided ourselves for three different diameter sizes: 30mm, 65mm & 80mm. Also we offer
               you the right extension with a SDS+ holding fixture. We will add this article in a low edition and decide
               in the first quarter of 2013 about an expansion of this article group. You can get details about this product,
               about available quantities and minimum purchase for direct shipment via phone or E-Mail.
         </div>
            <div id="description_more"><a href="http://feida.de/?p=564">>>full article on feida.de</a></div>
      </div>
   </div>
     
   <div id="boxes">
      <div id="quicklinks_head">
         <div id="quicklinks_schrift">QUICKINFO</div>
            <div id="quicklinks">
                   My last Order: <br />
                   My contact: Antonios Ditzis<br />
                   Unpaid bills: None<br />
            </div>   
      </div>
      <div id="soon_head">
         <div id="soon_schrift">Requirement</div>
         <div id="soon">Here you are going to see your personal requirement, once we have received it from you.</div>
      </div>
   </div>
</div>

</body>
</html>
Code:
@charset "utf-8";
* {margin:0px; padding:0px;} 

body { 
   background-color:#2e2e2e; 
   text-align:center; 
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#FFF;


#userwelcome{
   color:#FFF;
   text-align:right;
   font-weight:bold;
   font-size:10px;
}

#wrapper{ 
   width:532px; 
   margin-left:auto; 
   margin-right:auto; 
}
/* Beginn Menueleiste*/
#menu {
   padding: 0;
    margin: 0;
    height: 42px;
    width: 532px;
    margin-top: 20px;
    top: 0px;
    left: 0px;
    position: relative;
}
#nav{
    height: 28px;
    padding: 0;
    margin: 0;
}
#nav ul{  list-style-type: none;}
#nav a { text-decoration: none;}
#nav li{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
}
#nav li a{
    display: block;
    height: 42px;
    width: 133px;
    padding: 0;
}
/* Ende Menueleiste */

#content{
   width:532px;
   margin-left:auto;
   margin-right:auto;
   margin-top:20px;
}

#banner {
   background-image:url(img/top.jpg);
   width:532px;
   height:111px;
   margin-left:auto;
   margin-right:auto;
   margin-top:5px;
   color: #FFF; 


#middle_pic{ 
   background-image:url(img/bild_16.gif); 
   margin-left:20px;
   margin-top:0px;
   width:auto;
   height:158px;
   background-repeat:no-repeat;


#description_pic{
   background-image:url(img/bild_17.gif);
   margin-left:267px;
   width:auto;
   height:158px;
   background-repeat: no-repeat;
}

#description_text{
   color:#000;
   position:relative;
   top:35px;
   left:3px;
   text-align: left;
   height:98px;
   width:220px;
   word-wrap: break-word;
   overflow:hidden;
   text-overflow: ellipsis;
   
}

#description_more {
   font-weight:bold;
   position:relative;
   top:35px;
   left:3px;
   height:19px;
   width:220px;
   text-align:right;
}
   
a img { border:0px none;}

#buttons {
   border:0px;
   margin:0px;
   padding: 0;
   margin-top:20px;
}

#quicklinks_head {
   position:relative;
   float:left;
   margin-left:23px;
   background-image:url(img/quicklink_bg.gif);
   background-repeat:no-repeat;
   width:260px;
   margin-top:0px;
}

#quicklinks_schrift {
   position:relative;
   top:10px;
   color:#FFF;
   font-weight:bold;
   font-size:18px;
   height:auto;
}

#quicklinks {
   position:relative;
   top:22px;
   margin-left:15px;
   margin-right:auto;
   width:230px;
   /*length:auto; */
   color:#FFF;
}

#soon_head {
   position:relative;
   float:left;
   margin-left:0px;
   background-image:url(img/quicklink_bg.gif);
   background-repeat:no-repeat;
   width:230px;
   margin-top:0px;
}

#soon_schrift {
   position:relative;
   top:10px;
   color:#FFF;
   font-weight:bold;
   font-size:18px;
   height:auto;
}

   
#soon {
   position:relative;
   top:22px;
   margin-left:px;
   margin-right:auto;
   width:228px;
   /*length:auto;*/
   color:#FFF;
}

#account_info_headline {
   font-weight:bold;
   position:relative;
   top:15px;
   left:0px;   
}

#account_info_txt {
   font-weight:normal;
   position:relative;
   top:15px;
   left:0px;   
}

#account_info_img {
   background-image:url(img/account_textbg.png);
   background-repeat:no-repeat;
   position:relative;
   left:22px;
   top:20px;
   width:496px;
   height:240px;
}

#boxes { 
   width:532px;
   margin-top:20px;
   margin-left:auto; 
   margin-right:auto; 
}
Ich hoffe, es hilft weiter.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
8SAP
Gast


Verfasst am:
19. Feb 2013, 15:09
Rufname:


AW: CSS wird in Chrome nicht angezeigt (aber im IE) - AW: CSS wird in Chrome nicht angezeigt (aber im IE)

Nach oben
       

Vielen vielen Dank! Das hat mir weitergeholfen, jetzt funktioniert alles wie es soll. Smile Echt ein super Support hier, top!
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge Wichtig: HTML & CSS Forum: Tutorial - CSS Menü inklusive Anleitung für Grafiken 0 maninweb 10819 22. Dez 2008, 15:02
maninweb Tutorial - CSS Menü inklusive Anleitung für Grafiken
Keine neuen Beiträge MS Expression Web Forum: CSS Dropdownmenü touchfähig machen 0 aquidan 90 16. März 2014, 14:25
aquidan CSS Dropdownmenü touchfähig machen
Keine neuen Beiträge Macromedia Dreamweaver Forum: frame-problem: 2 leisten werden doppelt angezeigt :-( 3 Bollifisch 1607 22. März 2011, 16:38
womaninweb frame-problem: 2 leisten werden doppelt angezeigt :-(
Keine neuen Beiträge HTML & CSS Forum: CSS: ul horizontal im elternelement zentrieren 5 losgehts 2324 18. März 2011, 10:57
losgehts CSS: ul horizontal im elternelement zentrieren
Keine neuen Beiträge HTML & CSS Forum: CSS urheberrechtlich schützbar? 2 HermanZ 1813 01. Feb 2011, 11:59
HermanZ CSS urheberrechtlich schützbar?
Keine neuen Beiträge Frontpage Forum: Frames werden in Google Chrome und Safari falsch dargestellt 16 charismat7 8391 30. Okt 2010, 22:54
DancerVlt69 Frames werden in Google Chrome und Safari falsch dargestellt
Keine neuen Beiträge MS Expression Web Forum: Chrome und Safari: Probleme mit CSS-Stylesheets? 4 Mani F. 2011 29. März 2010, 17:41
Gast Chrome und Safari: Probleme mit CSS-Stylesheets?
Keine neuen Beiträge HTML & CSS Forum: HP Darstellung im IE und FF verschieden 11 Gast 1389 04. Sep 2009, 12:50
waldwuffel HP Darstellung im IE und FF verschieden
Keine neuen Beiträge Frontpage Forum: Designs werden nicht angezeigt nach dem Hochladen! 5 bjs1981 1087 14. Aug 2009, 17:58
maninweb Designs werden nicht angezeigt nach dem Hochladen!
Keine neuen Beiträge Frontpage Forum: htm-Dateien werden nicht mehr angezeigt 0 Rovi 687 12. Mai 2009, 13:17
Rovi htm-Dateien werden nicht mehr angezeigt
Keine neuen Beiträge MS Expression Web Forum: Es werden nicht alle Ordner in der Ordnerliste angezeigt 0 uwer1971 2102 01. Apr 2009, 22:20
uwer1971 Es werden nicht alle Ordner in der Ordnerliste angezeigt
Keine neuen Beiträge HTML & CSS Forum: Das Laden von Bildern im IE ausschalten 2 ExcelTüftler 2211 06. März 2009, 11:05
ExcelTüftler Das Laden von Bildern im IE ausschalten
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Word VBA