zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Interpretation Firefox und IE - Grundgerüsst verzerrt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.10.2005, 12:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2005
Beiträge: 9
EvilGeorge befindet sich auf einem aufstrebenden Ast
Standard CSS Interpretation Firefox und IE - Grundgerüsst verzerrt

Hallo zusammen,

Ich hab für ne neue HP ne CSS geschrieben.
Die interpretation zwichen IE und Firefox ist aber leider (wie so oft)
arg anders.

und zwar hab ich mittels Div containern
ne kopfzeile,
nen hauptteil (mit zwei nebeneinanderliegenden,integrierten div containern)
ne fußzeile erstellt
im IE zeigt er mir die Container wie gewünscht an.

im Firefox verzerrt er mir den Hauptteil aber und überlappt ihn mit fuß und kopf.

hab keine ahnung mehr woran das liegen könnte, bin noch recht neu im css und glaub ich hab irgenwo was reingebracht das die ganze sache ruiniert.
Zitat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="grundstyle.css">
<title>irgendeintitel</title>
</head>
<body id="bodyframe" name="Mainfenster">
<div id="content">
irgendeintextinhalt


</div>
</body>
Zitat:
html
{
scrollbar-3dlight-color:#ff4000;
scrollbar-darkshadow-color:#ff4000;
scrollbar-highlight-color:#ff4000;
scrollbar-shadow-color:#ff4000;
scrollbar-arrow-color:#444444;
scrollbar-base-color:#ff8000;
scrollbar-face-color:#ff6000;
scrollbar-track-color:#ff9033;
}
body
{
font-family:Verdana;
font-size:12px;
background-color:#000000;
text-align:center;
margin:0px;
}


h1 {font-size:20px;color:#000000;margin-bottom:0px;}
h2 {font-size:18px;color:#000000;}
h3 {font-size:14px;color:#000000;}

code {font-size:14px;color:#000000;}
pre
{
font-size:14px;
color:#0000ff;
padding:5px;
}
a:link, a:visited, a:active, a:hover
{
text-decoration:underline;
font-weight:normal;
color:#ff0000;
font-size:12px;
}
a:active, a:hover
{
color:#009999;
}
a.menu {
display:block;
padding:3px;
border-top:1px solid #000;
background-color:#737994;
text-align:center;
color:#eeeeee;
text-decoration:none;
}
a.menu:link, a.menu:visited
{
color:#eeeeee;
background-color:#737994;
text-decoration:none; font-weight:bold;
}
a.menu:active, a.menu:hover
{
color:#737994; font-weight:bold;
background-color:#eeeeee;
}
#title {
height:34px;
padding:5px;
background-color:#F0A000;
border-bottom:1px solid #000;
}
#titleback {
width:900px;
margin:20px auto;
border:8px outset #ff8000;
text-align:left;
background-color:#ff6000;
}

#main {
font-family:Verdana;
width:900px;
font-size:12px;
background-color:#000000;
text-align:center;
margin:0px;
}
#left {
background-color:#F08000;
width:128px;
float:left;
border:8px outset #ff8000;
}


.menutitle {
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#D2B48C;
width:106px;
margin:10px;
}

#contentback {
border:8px outset #ff8000;
background-color:#ff6000;
margin-left:35px;
float:left;
}

#content {
border:35px solid #ff6000;
background-color:#bdbec6;
padding:20px 40px;
}
vielen dank im voraus für jegliche hilfe.
Georg
__________________
nein ich hab das bier nicht getrunken !!!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.10.2005, 12:59
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Bei display: block und floats sind definierte Breiten notwendig (width). Auch darf man man floats nicht die clears vergessen ... der Firefox machts nämlich "korrekt".

Stell mal dein Beispiel online, so könnte man das Problem eher "sehen".
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.10.2005, 14:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.10.2005
Beiträge: 9
EvilGeorge befindet sich auf einem aufstrebenden Ast
Standard

onlinestellen ist erst nach der arbeit drinn, da mein web und ftp server down sind :*-(

am rest bastell ich mal weiter.
danke schonmal, weitere anregungen sind natürlich trotzdem willkommen
__________________
nein ich hab das bier nicht getrunken !!!
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
Firefox 3.5 zeigt Linien wo keine sind - CSS Einstellung? EPMS CSS 7 23.07.2009 15:15
Anfänger -> CSS wird bei Firefox 100% angezeigt aber beim IE nicht mscheller CSS 14 08.01.2008 12:43
CSS IE und Firefox - ich flipp aus yayz78 CSS 10 05.10.2007 03:38
CSS im Firefox? SuNdeSigN CSS 15 25.02.2007 15:52
CSS Unterschiede in IE und Firefox newbalu CSS 1 30.08.2004 18:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:12 Uhr.