| Autor |
Nachricht |
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: 
|
Verfasst Mo 04.02.2008 11:25
Titel [CSS] - IE sucht sich Beschreibungen aus Mozilla File |
  |
|
Hallo liebe Forengemeinde,
ich habe hier ein Problem bei dem ich nicht mehr weiter komme.
Ich habe 2 CSS Dateien. Eine für den IE und eine für die Mozillafraktion.
IE.css
| Code: |
#leiste-oben {
top:0px;
left:0px;
height:110px;
width:100%;
background:#87CD00;
z-index:2;
}
#main {
position:absolute;
left:55px;
top:0px;
width:740px;
height:100%;
background:#ffffff;
border-left:1px solid #2E4500;
border-right:1px solid #2E4500;
z-index:3;
}
|
MOZ.css
| Code: |
#leiste-oben {
top:0px;
left:0px;
height:110px;
width:100%;
background:#87CD00;
z-index:2;
}
#main {
position:absolute;
left:55px;
top:0px;
width:740px;
height:100%;
min-height:100%;
height:auto!important;
background:#ffffff;
border-left:1px solid #2E4500;
border-right:1px solid #2E4500;
z-index:3;
}
|
diese inline css nutzen beide
| Code: |
* {
margin:0;
padding:0;
}
html, body {
height:100%;
min-height:100%;
height:auto !important;
z-index:1;
background:url(images/bg-main.gif);
background-repeat:repeat;
}
|
Jetzt ist es so das der IE den DIV #main nicht anzeigt.Nur dann wenn Inhalt im DIV steht.
Der Mozilla zeigt ihn jedoch wie gewollt mit 100%iger Höhe im Browser wie es sein soll.
Wenn ich jetzt die Anweisung **min-height:100%;height:auto!important;** aus dem MOZ.css herauslösche zeigt er mir auch im IE den DIV #main richtig mit 100% Höhe an.
Wenn ich nun aber übergroßen Inhalt habe und die komplette Seite gescrollt werden muß,
bleiben im FF die beiden Ränder links und rechts einfach am browserrand stehen und erstrecken sich nicht über die Höhe des tatsächlichen inhalts.Der IE zeigt die ränder richtig so lange wie inhalt da ist.
Lasse ich die beiden oben genannten Zeilen im MOZ.css drin, funktioniert es im FF wieder korrekt nur tritt das schon genannte problem mit dem IE auf. Das der DIV #main nicht 100% gestreckt wird.
Browserweiche habe ich diese ASP.Net variante
| Code: |
protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e)
if (Request.Browser.Browser.IndexOf("IE") > -1)
{
HtmlLink lnk = new HtmlLink()
lnk.Href = "css/css-ie.css"
lnk.Attributes.Add("type", "text/css")
lnk.Attributes.Add("rel", "stylesheet")
Head1.Controls.Add(lnk)
}
else {
HtmlLink lnk = new HtmlLink()
lnk.Href = "css/css-moz.css"
lnk.Attributes.Add("type", "text/css")
lnk.Attributes.Add("rel", "stylesheet")
Head1.Controls.Add(lnk)
}
}
|
aber auch diese verfehlt das Ziel
| Code: |
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/css-ie.css" media="all">
<![endif]-->
|
weiß jemand wie ich dem IE sagen kann das er nicht die 2 fehlenden Zeilen in sein CSS mit aufnehmen soll?
danke das wäre mir wirklich wichtig wenn jemand mir helfen kann.
gruß kash
|
|
| |
  |
 |
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mo 04.02.2008 13:01
Titel
|
|
|
Für mich persönlich wäre es leichter dir zu helfen, wenn ich die komplette Seite hätte.
Wäre also ganz gut wenn du nen Link oder die Dateien posten könntest, damit man das ganze
mal im Zusammenhang sieht und das Problem nochmal mit "eigenen Augen" betrachten kann ^^
Gruß
|
|
| |
 |
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 04.02.2008 13:30
Titel
|
|
|
Was ganz anderes, wieso hast du in der CSS Datei die du dem IE gar nicht liefern willst
einen min-height Hack? Zudem, nutzt du Conditional Comments muss du darauf achten dass
du diese als letztes einsetzt, also zuvor alle anderen CSS Daten einbinden.
Zuletzt bearbeitet von m am Mo 04.02.2008 13:31, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 04.02.2008 14:22
Titel
|
|
|
| m hat geschrieben: | Was ganz anderes, wieso hast du in der CSS Datei die du dem IE gar nicht liefern willst
einen min-height Hack? |
damit es im FF funktioniert.wenn ich das in der moz.css weglasse dann hören die Border am Brwoserrand einfach auf.wenn ich das drin habe laufen die border solange mit wie es inhalt gibt.
| m hat geschrieben: | Zudem, nutzt du Conditional Comments muss du darauf achten dass
du diese als letztes einsetzt, also zuvor alle anderen CSS Daten einbinden. |
das verstehe ich nicht ganz.was sind conditional comments?
Zuletzt bearbeitet von Kash am Mo 04.02.2008 14:40, insgesamt 2-mal bearbeitet
|
|
| |
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mo 04.02.2008 14:31
Titel
|
|
|
| Kash hat geschrieben: |
das verstehe ich nicht ganz.was sind conditional comments?
|
| Kash hat geschrieben: |
| Code: |
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/css-ie.css" media="all">
<![endif]--> |
|
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 04.02.2008 14:33
Titel
|
|
|
| Kash hat geschrieben: | | m hat geschrieben: | Was ganz anderes, wieso hast du in der CSS Datei die du dem IE gar nicht liefern willst
einen min-height Hack? |
damit es im FF funktioniert.wenn ich das in der moz.css weglasse dann hören die Border am Brwoserrand einfach auf.wenn ich das drin habe laufen die border solange mit wie es inhalt gibt. |
Glaub mir, du benötigst in dem File moz.css nur die min-height Angabe.
| Kash hat geschrieben: | | was sind conditional comments? |
Google.
Zuletzt bearbeitet von m am Mo 04.02.2008 14:35, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 04.02.2008 14:40
Titel
|
|
|
danke m!
das funktioniert. kannst du mir evtl noch sagen wo mein Fehler war?
habe nur noch das **min-height:100%;** drin stehen.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
IE - Mozilla
[CSS] Bug im Mozilla
Ein- / Ausblenden im Mozilla und IE
css > darstellungsproblem > mozilla :-) IE :-(
Mozilla Firefox + CSS
css problem > IE - Mozilla
|
|
Willkommen auf dem Portal für Mediengestalter
