[GastForen Programme Web/Internet Adobe Dreamweaver CSS-Darstellungsproblem beim Firefox

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS-Darstellungsproblem beim Firefox

gassnergrafik
Beiträge gesamt: 175

28. Nov 2007, 19:10
Beitrag # 1 von 7
Bewertung:
(4247 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich habe mit Stolz eine CSS-gestylte Homepage geschafft.
http://www.euregio-immobilien.eu/index1.html
Sieht im IExplorer so aus, wie ich es will. aber im Firefox, oh Schreck
Die NAVOBEN-Leiste ist verschoben, die SIDEBAR links ist reingeschoben, die <hr> sehen anders aus !?!?!
Wo liegen denn meine Fehler?
Unten steht die komplette CSS-Datei.

Vielleicht macht sich jemand die Mühe, oder es ist für euch Profis sogar ein bekanntes Problem.

Vielen vielen Dank
Norbert

Code
body { 
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-image: url(../gfx/background.jpg);
background-color: #FFFFFF;
background-repeat: repeat-x;
}
#container {
width: 930px;
margin: 0 auto;
text-align: left;
background-image: url(../gfx/layout.gif);
background-color: #FFFFFF;
background-repeat: no-repeat;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #477229;
border-bottom-color: #477229;
}

#header {
height: 100px;
}

#navoben {
height: 25px;
background-color: #333333;
background-image: url(../gfx/navoben.gif);
}
#navoben ul {
list-style-type: none;
margin-left: 500px;
}
#navoben li {
display: inline;
line-height: 25px;
}
#navoben a {
color: #FFFFFF;
padding: 0 10px;
text-decoration: none;
float:left;
font-size: 12px;
}
#navoben a:hover {
background-color: #666666;
background-image: url(../gfx/navoben_a_hover.gif);
}

#maincontent {
height: 600px;
margin-left: 231px;
}

#sidebar {
height: 600px;
width: 230px;
float: left;
padding-top: 20px;
}
#sidebar ul {
list-style-type: none;
margin:0px;
}
#sidebar li {
height: 30px;
margin:0px;
}
#sidebar a {
background-image: url(../gfx/button.gif);
background-position: left top;
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
color: #006633;
text-decoration: none;
line-height: 30px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
}
#sidebar a:hover {
background-image: url(../gfx/button_over.gif);
background-position: left top;
background-repeat: no-repeat;
}
#sidebar hr {
margin-left: 45px;
width: 160px;
noshade:noshade;
color:#006600;
size:1px;
}

#footer {
height: 10px;
}

X

CSS-Darstellungsproblem beim Firefox

loethelm
  
Beiträge gesamt: 6029

29. Nov 2007, 09:43
Beitrag # 2 von 7
Beitrag ID: #324895
Bewertung:
(4222 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Norbert,

der IE interpretiert absolute Maße falsch. Daher stimmt die Ansicht im Firefox. Also: So bauen, dass der FF es so anzeigt wie du willst und dann für die IE-Versionen Anpassungen per speziell für den IE zugänglicher CSS machen.


als Antwort auf: [#324841]

CSS-Darstellungsproblem beim Firefox

gassnergrafik
Beiträge gesamt: 175

29. Nov 2007, 18:20
Beitrag # 3 von 7
Beitrag ID: #325043
Bewertung:
(4205 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
OK, dann muss ich mal langsam nachfragen:

1. Warum ist die NAVOBEN-Leiste um 15px nach unten geschoben. Habe nirgends 15px drin.
2. Warum wird in FF

#Adresse {
font-size: 12px;
margin-top: 20px;
margin-right: 300px;
margin-left: 300px;

margin-top ignoriert bzw. auf den #header angewandt
( #Adresse hatte ich nach dem letzten Eintrag innerhalb #header eingefügt)


3. Warum wird die Sidebar (Navigation links) um 40px nach rechts geschoben?

Ich versteh nicht dass hier FF richtig darstellen soll. Kannst du mir das bitte erklären? Wie soll ich das korrigieren?

Danke

Norbert


als Antwort auf: [#324895]

CSS-Darstellungsproblem beim Firefox

Intermedia
Beiträge gesamt: 1287

29. Nov 2007, 18:41
Beitrag # 4 von 7
Beitrag ID: #325051
Bewertung:
(4201 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Norbert,

eventuell wäre es sinnvoll mal von vorne anzufangen.
Schmeiß raus was nicht rein gehört, dann fängst du von oben an und bringst die
Elemente der Reihe nach rein. An irgend einer Stelle wirst du dann merken wo es klemmt und kannst gezielt was unternehmen.

Auf Logik würde ich mich nicht immer verlassen. ;-)

Übrigens margin und padding wird vom IE etwas anders interpretiert als z.B. beim FF.

Gruß Sven


als Antwort auf: [#325043]

CSS-Darstellungsproblem beim Firefox

gassnergrafik
Beiträge gesamt: 175

30. Nov 2007, 08:02
Beitrag # 5 von 7
Beitrag ID: #325086
Bewertung:
(4165 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ich habe jetzt weitergetestet.
Ich habe im #Adresse margin-top in passing-top geändert.
Schon war ALLES Missgebildete weg!!!!
Warum FF das margin-top außerhalb des #Header DIV intepretiert, verstehe ich jedoch nicht.
Von dem <hr> habe ich einfach Abstand genommen. Was die Sache nicht wert.

und ich habe

* {
margin: 0;
padding: 0;
}

am Anfang der CSS eingefügt.
Jetzt ist alles gut.


als Antwort auf: [#325051]

CSS-Darstellungsproblem beim Firefox

Intermedia
Beiträge gesamt: 1287

30. Nov 2007, 08:22
Beitrag # 6 von 7
Beitrag ID: #325090
Bewertung:
(4162 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin,

beim <hr> kannst du es mal mit border:0px versuchen.

Gruß Sven


als Antwort auf: [#325086]

CSS-Darstellungsproblem beim Firefox

kevu
Beiträge gesamt:

26. Mär 2010, 18:51
Beitrag # 7 von 7
Beitrag ID: #437846
Bewertung:
(3086 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich hatte auch Probleme mit Internetexplorer.
Das Problem liegt bei dir wahrscheinlich im html File.
Schau dir den html code an oben im file steht wahrscheinlich irgendetwas mit <!--[if IE]>... gefolgt mit css code.
Dies wird nur dann ausgeführt wenn die Seite mit Internetexplorer ausgeführt wird


als Antwort auf: [#325090]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/