php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 27.02.2007, 23:23  
Benutzer
 
Registriert seit: 13.11.2004
Beiträge: 31
vampsoftchef zeigte ein beschämendes Verhalten in der Vergangenheit
Standard Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)!

Hallo,

ich bin echt am verzweifeln.
Da hab ich nun das 3-spaltige Layout mit Header, Footer und Content sowie Links und Rechts hinbekommen und im Internet Explorer 6 sieht alles super aus, aber im Firefox verschiebt er alles. Im Firefox wird alles was nach dem div=right kommt nicht unten, sondern am rechten Bildrand angezeigt. Wo liegt mein Fehler bzw. ist das wieder so ein Brwoserbug vom IE oder Firefox!?

Hier mein Code:

Code:
    <div id="container">
	    <div id="logo"></div>
	    <div id="wrapper">
        <div id="content"></div>
      </div>
      
      <div id="links"></div>
      <div id="rechts"></div>
      <div id="bottomspacer"></div>      	
      <div id="footer"></div>
   </div>

dazu noch die CSS Datei:


Code:
#container{
background: #ffffe0 url(xy.jpg);
text-align:left;
background-color: #FFFFFF;
width:1000px;margin:0 auto
}

#logo{
height: 79px;
width: 630px;
}

#bottomspacer{
height: 33px;
width: 1000px;
}

#footer{
height: 66px;
width: 1000px;
background: #ffffff url(rz.jpg) no-repeat;
text-align: center;
font-size: 80%;
p {margin:0; padding:5px 10px}
clear:left;
width:100%
}

#content{
margin: 0 190px;
padding: 0px;
height: 500px;
background-color: #F0F0F0;
p{line-height:1.4}
}

#rechts{
float:left;
width:190px;
margin-left:-190px;
font-size: 100%;
text-align: left
}

#links{
float:left;
width:190px;
margin-left:-1000px
}

#wrapper{
float:left;
width:100%;
background: #ffffe0 url(gh.jpg)
}

Kann mir irgendjemand einen Tipp geben, warum der Firefox den bottomspacer und den footer nach rechts aus dem Bild schieben!? Ich weiß es nicht :-/

MfG Andreas
vampsoftchef ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 28.02.2007, 00:22  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 9.937
Zergling-new wird schon bald berühmt werden
Standard

Zitat:
#footer{
height: 66px;
width: 1000px;
background: #ffffff url(rz.jpg) no-repeat;
text-align: center;
font-size: 80%;
p {margin:0; padding:5px 10px}
clear:left;
width:100%
}
Sowas ist Schmarn, ansonsten sehe ich zwischen IE7 (habe den 6er nicht mehr) und FF keinen Unterschied.

Bitte in Zukunft einen Code-Block schicken, mit DOCTYPE und komplettem HTML, CSS. Sonst muss man sich alles selbst nachbasteln, das kostet Zeit und irgendwann hat man dazu dann keine Lust mehr.
Zergling-new ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Firefox / IE - ungeahnte Statistik pepe24 Off-Topic Diskussionen 10 30.04.2007 16:46
Footer position fixed andrew22 HTML, Usability und Barrierefreiheit 1 14.11.2006 16:00
templates oder css mit firefox rbs_phoenix HTML, Usability und Barrierefreiheit 1 30.10.2006 15:24
footer ständig unten bei 2-Spaltigem Layout? dethlef14 HTML, Usability und Barrierefreiheit 2 24.09.2006 21:53
[Erledigt] window.location.href mit firefox HTML, Usability und Barrierefreiheit 15 18.11.2005 17:49
[Erledigt] Problem mit Layout bei Firefox HTML, Usability und Barrierefreiheit 3 14.11.2005 15:42
Problem mit CSS Layout HTML, Usability und Barrierefreiheit 5 15.10.2005 21:46
CSS Layout macht Probleme mit Firefox Wimme HTML, Usability und Barrierefreiheit 2 15.10.2005 13:33
[Erledigt] shiftKey bei Firefox abfragen HTML, Usability und Barrierefreiheit 2 05.08.2005 15:08
Problem mit PFad Firefox - Verzeichnis löschen PHP Tipps 2005-2 0 19.07.2005 16:05
Deer Park Alpha 1 (=Mozilla Firefox 1.1) Off-Topic Diskussionen 15 09.07.2005 02:32
[Erledigt] verfluchter Firefox HTML, Usability und Barrierefreiheit 5 08.07.2005 22:51
[Erledigt] Script Interpretaion läuft falsch im Firefox PHP-Fortgeschrittene 23 11.05.2005 19:01
Firefox hui, IE pfui!!?? Calexico HTML, Usability und Barrierefreiheit 12 04.12.2004 03:24
[Erledigt] Style Sheets und Firefox, Verständnisfrage. HTML, Usability und Barrierefreiheit 11 24.11.2004 21:25

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
layout mit foote, 3 spaltig mit header und footer css firefox 4, 3 spaltiges layout css, 3spaltiges layout mit footer, adfooter anzeige, 3 spaltiger footer, css fixed header footer wrapper, firefox footer, footer firefox html, layout mit footer, footer firefox, 3 spaltiges css layout, 3 spaltiges layout quellcode, css layout mit header und footer, 3spaltiges css mit fix header, css layout verschiebt sich in firefox, 3spaltiger text in css thre col, css footer problem 2 spaltiges layout, div id footer firefox, firefox verschiebt div

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




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.