php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit
[Erledigt] CSS IE6 Problem: Faux Column [Erledigt] CSS IE6 Problem: Faux Column
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

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

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 16.10.2010, 23:05  
Neuer Benutzer
 
Registriert seit: 11.06.2010
Beiträge: 17
PHP-Kenntnisse:
Anfänger
jeanorwin befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] CSS IE6 Problem: Faux Column
N'Abend,
Hier mal wieder ein IE6/CSS/Faux Column Problem. Ich hab mir jetzt schon die Finger wundgesucht und nichts gefunden. Und zwar besteht folgendes Problem:
Wenn ich im IE 6 diese Seite öffne, kommt mein Faux-Column Wrapper vor der "Oberen Ecke" des Content_top-Div's, bzw. Das Menü und der Inhalt sind nicht auf gleicher Höhe. Im Feuerfuchs ist alles "ganz normal".

HTML/PHP
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
</style>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<div class="header_left">
</div>
<div class="header">
Dies ist der Header / This is the header
</div>
<div id="wrapper01"> 
<div class="nav">
  <p>Link1</p>
  <p>Link2</p>
  <p>Link3</p>
  <p>Link4</p>
  <p>Link5</p>
  <p>&nbsp;</p>
</div>
<div id="content_top"></div>
<div id="content_main">
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div id="content_bottom"></div>
</div>
<div style="clear: both;"></div>
</div>
</html> 
CSS
PHP-Code:
@charset "utf-8";

body,td,th {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #CCD8FF;
    height: auto;
    width: 760px;
}
.header_left {
    float: left;
    height: 186px;
    width: 200px;
    background-image: url(img/header_left.jpg);
}
.header {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    float: right;
    height: 186px;
    width: 560px;
    background-image: url(img/header.jpg);
}

#wrapper01 {
    background-image: url(img/faux_column.jpg);
}

.nav {
    background-color: #8FA9FD;
    float: left;
    width: 200px;

}

#content_top {
    background-image: url(img/content_top.jpg);
    height: 41px;
    width: 560px;
    margin-left: 200px;
    clear: right;

}


#content_right {
    background-color: #8FA9FD;
    float: right;
    width: 15px;
    margin-left: 200px;
    clear: none;
}
#content_main {
    background-color: #FFF;
    width: 545px;
    margin-left: 200px;
    
}

#content_bottom {
    background-image: url(img/content_bottom.jpg);
    height: 39px;
    width: 760px;
    clear: both;
} 

Grüße
Jean
Geändert von jeanorwin (17.10.2010 um 16:56 Uhr).
jeanorwin ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

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

Alt 16.10.2010, 23:17  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard
Erst mal Fehler beseitigen, danach kann man weitersehen:
http://validator.w3.org/check?uri=ht...bplaced.net%2F
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 16.10.2010, 23:21  
Neuer Benutzer
 
Registriert seit: 11.06.2010
Beiträge: 17
PHP-Kenntnisse:
Anfänger
jeanorwin befindet sich auf einem aufstrebenden Ast
Standard
Moin,
Danke für die Antwort - Gesagt, getan. Der index.php code schaut nun so aus:

PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
</style>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header_left">
</div>
<div class="header">
Dies ist der Header / This is the header
</div>
<div id="wrapper01"> 
<div class="nav">
  <p>Link1</p>
  <p>Link2</p>
  <p>Link3</p>
  <p>Link4</p>
  <p>Link5</p>
  <p>&nbsp;</p>
</div>
<div id="content_top"></div>
<div id="content_main">
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div id="content_bottom"></div>
<div style="clear: both;"></div>
</div>
</body>
</html> 
jeanorwin ist offline   Mit Zitat antworten
Alt 16.10.2010, 23:38  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard
#content_top ist im IE6 zu breit, um neben der gefloateten Navigation dargestellt zu werdenb, deshalb schiebt er es nach unten.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 17.10.2010, 00:18  
Neuer Benutzer
 
Registriert seit: 11.06.2010
Beiträge: 17
PHP-Kenntnisse:
Anfänger
jeanorwin befindet sich auf einem aufstrebenden Ast
Standard
*tilt*
Der IE 6 zeigt jetzt "das ganze" verschoben an. Sprich: Weißer Strich in den #content_top rein, rechts ist was verschoben. Wäre super wenn jemand da auf die Schnelle eine Lösung parat hätte. Der Feuerfuchs zeigt auch einen Strich an, der geht allerdings oben rechts "nach oben". Ich gehe jetzt erstmal schlafen, vielen Dank soweit ChrisB!

PHP-Code:
@charset "utf-8";

body,td,th {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #CCD8FF;
    height: auto;
    width: 760px;
}
.header_left {
    float: left;
    height: 186px;
    width: 200px;
    background-image: url(img/header_left.jpg);
}
.header {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    float: right;
    height: 186px;
    width: 560px;
    background-image: url(img/header.jpg);
}

#wrapper01 {
    background-image: url(img/faux_column.jpg);
}

.nav {
    background-color: #8FA9FD;
    float: left;
    width: 199px;
}

#content_top {
    background-image: url(img/content_top.jpg);
    height: 41px;
    width: 557px;
    margin-left: 200px;
    clear: right;
}


#content_right {
    background-color: #8FA9FD;
    float: right;
    width: 15px;
    margin-left: 197px;
    clear: none;
}
#content_main {
    background-color: #FFF;
    width: 545px;
    margin-left: 200px;
    
}

#content_bottom {
    background-image: url(img/content_bottom.jpg);
    height: 39px;
    width: 760px;
    clear: both;
} 
Edit: Hab die Seite jetzt stillgelegt, da sie mir nicht gefallen hat. Mal gucken ob ich das Problem später noch fixen kann.
Geändert von jeanorwin (17.10.2010 um 18:41 Uhr).
jeanorwin ist offline   Mit Zitat antworten
Antwort

« Navigationsliste sieht anders aus (verschoben) im Firefox als im IE. | 2 CSS-Probleme »

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
[Erledigt] Problem mit Mehrsprachigkeit Sniper_Kotaro PHP Tipps 2009 2 16.12.2009 11:47
Problem beim Download Management mistermint PHP Tipps 2009 8 24.10.2009 11:34
Umlaut Problem nokieone PHP Tipps 2009 7 16.10.2009 19:30
Problem mit Basedir in PhP cmuch05 Datenbanken 9 08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal soulan PHP Tipps 2008 13 28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB Lapje PHP Tipps 2008 1 22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen) go1denboy PHP Tipps 2008 1 23.09.2008 12:19
Problem mit swfobjects R4v3r JavaScript, Ajax und mehr 8 21.09.2008 14:17
[Erledigt] Galerie Problem... coraplanet PHP Tipps 2008 4 06.06.2008 13:42
MySQL Bug #15229: Unkown column bei JOINs pcschröda Datenbanken 4 11.04.2008 11:10
datensätze defekt oder problem mit dem einlesen? Ministry Datenbanken 4 06.07.2006 18:42
problem!!! PHP Tipps 2006 6 08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp PHP Tipps 2006 24 07.02.2006 01:07
Smarty und PHP-Skript Problem PHP Tipps 2004-2 2 03.12.2004 22:27
Problem mit alter JavaScript-Funktion woods PHP Tipps 2004 1 13.08.2004 13:34

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
faux columns ie, ie6 p background, was ist faux css, barrierefreiheit <p> oder <div>, *.upl datei schreiben, ie6 p div problem, faux columns internet explorer 6, css faux columns ie, javascript ie schiebt nach unten, faux collum, div faux columns ie issue, ie6 faux columns, height im content und ie6 schiebt nach rechts???, css3 columns in php, html body background bild, faux column lösung, ie6 charset, @charset css ie6, clear-right ie6, charset=utf-8 probleme ie6

Alle Zeitangaben in WEZ +2. Es ist jetzt 06:19 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



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