zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Anzeigefehler im FF2, im IE7 alles i.O. (floatfehler?)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.05.2008, 18:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.05.2008
Beiträge: 4
Alexanderrrrrr befindet sich auf einem aufstrebenden Ast
Frage Anzeigefehler im FF2, im IE7 alles i.O. (floatfehler?)

Hi,

es geht um folgende Seite *****

Das CSS File dazu:

Code:
@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    background:#e0e0e0 url(bg.jpg) repeat-x;
    color:#FFFFFF;
}
#top {
height:140px;
/* background:url(bg.jpg) repeat-x; */
text-align:center;
border-bottom:5px solid #0b0b0b;
margin-bottom:60px;
}
#top h1 {
display:none;
}
#maintop {
margin-top:10px;
background:url(maintop.jpg) no-repeat center;
height:42px;
}
#main {
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
width:800px;
background:url(mainbg.jpg) repeat-y;
padding-bottom:7px;
}
#mainbot {
margin-bottom:10px;
background:url(mainbot.jpg) no-repeat center;
height:55px;
padding-top:5px;
color:#CCCCCC;
width:840px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#mainbot a, #mainbot a:visited {
color:#FF9900;
text-decoration:none;
}
#mainbot a:hover {
color:#FFFFFF;
}
#left {
float:left;
width:150px;
margin-left:1px;
margin-right:2px;
border-right:1px solid #4e4e4e;
}
#cont {
float:right;
width:640px;
margin-right:1px;
}
Ich weiss nicht mehr weiter und würde mich über Hilfe freuen.

Geändert von Alexanderrrrrr (14.07.2008 um 11:17 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.05.2008, 18:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Wer floatet, sollte auch clearen. Dazu gibt es eigentlich in der FAQ auch Beispiele.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.05.2008, 18:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.05.2008
Beiträge: 4
Alexanderrrrrr befindet sich auf einem aufstrebenden Ast
Standard

Wenn ich #mainbot noch einen float:clear gebe ändert sich leider rein gar nichts, deswegen suche ich ja Hilfe...

Habe den clear falsche gesetzt deswegen gings nicht.

Jetzt bin ich so weit --> *****
CSS:

Code:
@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background:#e0e0e0 url(bg.jpg) repeat-x;
	color:#FFFFFF;
}
#top {
height:140px;
/* background:url(bg.jpg) repeat-x; */
text-align:center;
border-bottom:5px solid #0b0b0b;
margin-bottom:60px;
}
#top h1 {
display:none;
}
#maintop {
margin-top:10px;
background:url(maintop.jpg) no-repeat center;
height:42px;
}
#main {
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
width:800px;
background:url(mainbg.jpg) repeat-y;
padding-bottom:7px;
}
#mainbot {
margin-bottom:10px;
background:url(mainbot.jpg) no-repeat center;
height:55px;
padding-top:5px;
color:#CCCCCC;
width:840px;
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
}
#mainbot a, #mainbot a:visited {
color:#FF9900;
text-decoration:none;
}
#mainbot a:hover {
color:#FFFFFF;
}
#left {
float:left;
width:150px;
margin-left:1px;
margin-right:2px;
border-right:1px solid #4e4e4e;
}
#cont {
float:right;
width:640px;
margin-right:1px;
}
Ich hab mir die FAQ nochmal angesehen und das Problem das der main nicht mitwächst (fehlender BG) ist bekannt aber die Lösung verstehe ich nicht ganz. In den Lösungsansätzen der FAQ ist davon die Rede das es der IE nicht könnte, aber bei mir kann es der IE blos der FF nicht.

Geändert von Alexanderrrrrr (14.07.2008 um 11:17 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 14.05.2008, 19:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
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

Es ist der IE, der es nicht kann.
Wenn du willst, dass #main die Floats einschließt, muss das Clear innerhalb von #main stattfinden, nicht danach. Bitte arbeite die verlinkten Artikel unter FAQ Punkt 2 der Reihe nach durch (nicht nur lesen).
Die Ursache der fehlerhaften Darstellung im IE ist das proprietäre hasLayout-Konzept.
Mit Zitat antworten
  #5 (permalink)  
Alt 14.05.2008, 20:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.05.2008
Beiträge: 4
Alexanderrrrrr befindet sich auf einem aufstrebenden Ast
Standard

Achsoooo. Danke jetzt funktioniert es.

Ich muss mal ein par Situationen durchtesten damit sich das Wissen festsetzt ist nicht ganz einfach.
Mit Zitat antworten
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
IE7 fixing - expandable menu matsie CSS 6 10.04.2008 15:55
Anzeigefehler "margin" in IE7 Rezneuk CSS 1 22.11.2007 00:25
Problem mit IE6 - mit FF2 und IE7 alles OK! bluescreen Site- und Layoutcheck 0 06.09.2007 23:09
Pagezoom und IE7 paracelsus CSS 24 17.08.2007 11:36
Problem mit Dastellung in IE7 und FF ConiKost CSS 1 05.07.2006 12:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:31 Uhr.