zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Ansicht in Mozilla unterschiedlich von explorer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.11.2007, 13:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2007
Beiträge: 19
zarah befindet sich auf einem aufstrebenden Ast
Standard Ansicht in Mozilla unterschiedlich von explorer

Hallo zusammen,
gibt es einen Trick?
Ich habe eine CSS basierte Seite, die im Explorer korrekt angezeigt wird. Im Mozilla allerdings einen Abstand zeigt zwischen <div id="inhalt"> und <div id="navigation"

Bitte um Hilfe

Grüße
Zarah
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.11.2007, 13:09
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von zarah Beitrag anzeigen
Im Mozilla allerdings einen Abstand zeigt zwischen <div id="inhalt"> und <div id="navigation"
Klare Sache, schau Dir mal Zeile 86 von style.css genau an.

Ähm, wie soll man ohne Link oder Code die Ursache für Dein Problem finden?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.11.2007, 13:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2007
Beiträge: 19
zarah befindet sich auf einem aufstrebenden Ast
Standard

Sorry, hier der Code:


HTML

Code:
<body onLoad="MM_preloadImages('img/vita_2.jpg','img/oper_2.jpg','img/konzert_2.jpg','img/fotos_2.jpg','img/diskografie_2.jpg','img/duo_2.jpg','img/Kontakt_2.jpg')">
<p>
<div id="inhalt">
  <h1> Hier entsteht in K&uuml;rze der Internetauftritt <br>
  von ...<br>Bitte haben Sie noch etwas Geduld   </h1>
</div>
<div id="bild"><img src="img/FraukeMay_1.jpg" width="187" height="268"></div>
<div id="navibereich">
<ul>
<li><a href="pages/vita.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','img/vita_2.jpg',1)"><img src="img/vita.jpg" name="Image2" width="211" height="77" border="0"></a><a href="pages/oper.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','img/oper_2.jpg',1)"><img src="img/oper.jpg" alt="oper" name="Image3" width="42" height="77" border="0"></a><a title ="Vita" href="pages/vita.htm"></a><a href="pages/konzert.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','img/konzert_2.jpg',1)"><img src="img/konzert.jpg" alt="Konzert" name="Image4" width="64" height="77" border="0"></a><a href="pages/fotos.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','img/fotos_2.jpg',1)"><img src="img/fotos.jpg" alt="Fotos" name="Image5" width="50" height="77" border="0"></a><a href="pages/diskografie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','img/diskografie_2.jpg',1)"><img src="img/diskografie.jpg" alt="Diskografie" name="Image6" width="86" height="77" border="0"></a><a href="pages/duo.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','img/duo_2.jpg',1)"><img src="img/duo.jpg" alt="Duo" name="Image7" width="71" height="77" border="0"></a><a href="pages/kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','img/Kontakt_2.jpg',1)"><img src="img/Kontakt.jpg" alt="Kontakt" name="Image8" width="276" height="77" border="0"></a></ul>
</div>
CSS:

#inhalt{
position: absolute;
overflow:auto;
top:155px;
left:242px;
width:309px;
height:340px;
padding:10px;
margin:5px;
}

#bild{
position: absolute;
top:270px;
left:612px;
width:185px;
height:225px;
}


/************* MENU ************/




#navibereich{
position:absolute;
top:520px;
left:-60px;
}
Mit Zitat antworten
  #4 (permalink)  
Alt 15.11.2007, 13:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Bitte lies: http://xhtmlforum.de/40080-fuer-frag...twortende.html
Mit Zitat antworten
  #5 (permalink)  
Alt 15.11.2007, 13:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2007
Beiträge: 19
zarah befindet sich auf einem aufstrebenden Ast
Standard Unterschiedliche Ausgabe der Seiten in mozilla und explorer

Hallo zusammen,
hier nochmal meine Frage, diesmal komplett und hoffentlich verständlich.
Das Problem ist sichtbar auf der Seite: Frauke May

Zwischen Inhalt und Navigation wird im mozilla ein Abstand angezeigt, der nicht sein soll.

Hier der HTML Code
Code:
<body onLoad="MM_preloadImages('img/vita_2.jpg','img/oper_2.jpg','img/konzert_2.jpg','img/fotos_2.jpg','img/diskografie_2.jpg','img/duo_2.jpg','img/Kontakt_2.jpg')">
<p>
<div id="inhalt">
  <h1> Hier entsteht in K&uuml;rze der Internetauftritt <br>
  von ...<br>Bitte haben Sie noch etwas Geduld   </h1>
</div>
<div id="bild"><img src="img/FraukeMay_1.jpg" width="187" height="268"></div>
<div id="navibereich">
<ul>
<li><a href="pages/vita.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','img/vita_2.jpg',1)"><img src="img/vita.jpg" name="Image2" width="211" height="77" border="0"></a><a href="pages/oper.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','img/oper_2.jpg',1)"><img src="img/oper.jpg" alt="oper" name="Image3" width="42" height="77" border="0"></a><a title ="Vita" href="pages/vita.htm"></a><a href="pages/konzert.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','img/konzert_2.jpg',1)"><img src="img/konzert.jpg" alt="Konzert" name="Image4" width="64" height="77" border="0"></a><a href="pages/fotos.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','img/fotos_2.jpg',1)"><img src="img/fotos.jpg" alt="Fotos" name="Image5" width="50" height="77" border="0"></a><a href="pages/diskografie.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','img/diskografie_2.jpg',1)"><img src="img/diskografie.jpg" alt="Diskografie" name="Image6" width="86" height="77" border="0"></a><a href="pages/duo.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','img/duo_2.jpg',1)"><img src="img/duo.jpg" alt="Duo" name="Image7" width="71" height="77" border="0"></a><a href="pages/kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','img/Kontakt_2.jpg',1)"><img src="img/Kontakt.jpg" alt="Kontakt" name="Image8" width="276" height="77" border="0"></a></ul>
</div>


</body>


----- und hier der dazugehörige CSS Code:

body {
font-family: Arial, Helvetica, sans-serif;
background-image: url(img/Hintergrund.jpg);
background-repeat:no-repeat;
background-color: #000000;
scrollbar-arrow-color:#8B0000;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;

}


#inhalt{
position: absolute;
overflow:auto;
top:155px;
left:242px;
width:309px;
height:340px;
padding:10px;
margin:5px;
}



#bild{
position: absolute;
top:270px;
left:612px;
width:185px;
height:225px;
}



#navibereich{
position:absolute;
top:520px;
left:-60px;
}


---

Über Hilfe wäre ich sehr erfreut.

Viele Grüße
Zarah
Mit Zitat antworten
  #6 (permalink)  
Alt 15.11.2007, 13:56
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Lies bitte in den FAQ zum "CSS-Prolog" nach.
Mit Zitat antworten
  #7 (permalink)  
Alt 15.11.2007, 13:56
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Als erstes: FAQ "CSS-Prolog".

EDIT:
Mit Zitat antworten
  #8 (permalink)  
Alt 15.11.2007, 14:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Als erstes: FAQ "CSS-Prolog".
Wo bei das nur das indirekte Problem ist. Das eigentlich Problem ist die unreflektierte Verwendung von "position: absolute" und von fixen Höhenangaben.

EDIT: Und nicht vergessen: [Invalid] Markup Validation of http://www.frauke-may.de/ - W3C Markup Validator

Robin
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
  #9 (permalink)  
Alt 15.11.2007, 14:17
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von RoToRa Beitrag anzeigen
Das eigentlich Problem ist die unreflektierte Verwendung von "position: absolute" und von fixen Höhenangaben.
Völlig klar, daher schrieb ich auch "als erstes" - mehr zu schreiben hatte ich gerade keine Lust (und keine Zeit.)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 15.11.2007, 14:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.09.2007
Beiträge: 19
zarah befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die schnelle Hilfe, jetzt klappt es.
Grüße
Zarah
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Text rechtsbündig. Problem bei Mozilla und IE explorer Mucux CSS 10 19.05.2009 21:24
Seite funktioniert mit Internet Explorer aber nicht mit Mozilla Dariusum (X)HTML 4 28.03.2008 12:18
Explorer 6 vs Explorer 7 Electrohunter (X)HTML 2 24.09.2007 17:23
div-layout mit schatten im explorer gehts aber mozilla nich? timbonaut CSS 9 08.11.2005 17:03
Internet Explorer am robustesten Anonymous Offtopic 2 20.10.2004 17:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:13 Uhr.