Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Display Table Workaround für IE 6 und 7

Frage Entwicklung CSS

Mitglied: MKzero

MKzero (Level 1) - Jetzt verbinden

20.05.2009, aktualisiert 11:20 Uhr, 5390 Aufrufe, 1 Kommentar

Im Moment kämpfe ich mal wieder mit dem Problem, das der IE keine Display-Eigenschaften mit table versteht.

Und zwar habe ich folgendes Szenario:

Das Layout hat eine feste Breite von ca 900px und besteht aus Header, Hauptteil und Footer. Header und Footer haben dabei 100% der Breite. Im Hauptteil(#middle) dagegen sind links(#sidebar) und rechts(#right) je ein Div(mit fester Breite, rechts ist je nach bedarf vorhanden oder eben auch nicht) und in der Mitte der Contentbereich(#content), wobei dieser sich zwischen links und rechts die volle Breite nehmen soll( und wenn eben rechts wegfällt auch den Platz von rechts verwenden soll)

Der HTML-Code für den Hauptteil sieht so aus:

01.
<div id="middle">  
02.
    <div id="row">  
03.
        <div id="sidebar">sidebar</div>  
04.
        <div id="content">content</div>  
05.
        <div id="right">right</div>  
06.
    </div>  
07.
</div>
Der CSS-Code dafür so:

01.
#middle  
02.
{  
03.
width: 990px;  
04.
float: left;  
05.
display: table;  
06.
 
07.
border: 1px solid red;  
08.
}  
09.
 
10.
#row  
11.
{  
12.
display: table-row;  
13.
}  
14.
 
15.
#sidebar  
16.
{  
17.
width: auto;  
18.
display: table-cell;  
19.
border: 1px solid green;  
20.
}  
21.
 
22.
#content  
23.
{  
24.
width: 100%;  
25.
display: table-cell;  
26.
border: 1px solid green;  
27.
}  
28.
 
29.
#right  
30.
{  
31.
width: auto;  
32.
display: table-cell;  
33.
border: 1px solid green;  
34.
} 


Mein Problem dabei ist das im FF und IE8, etc. das auch wunderbar funktioniert. Im IE 6 und 7 dagegen kommt das Problem, das diese ja die Display-Eigenschaften nicht verstehen. Bei einem zweispaltigen konnte ich das ganze auch noch mit Display:block realisieren, bei diesem dreispaltigen Layout funktioniert es aber anscheinend nicht.

Hat irgendjemand vielleicht eine Idee für ein Workaround?(außer natürlich Tabellen-Konstrukte ;) )
Mitglied: dog
21.05.2009 um 02:34 Uhr
Du machst da gefährliche Spielchen

Und denk dran: Auch die Nutzerzahl von Safari ist mittlerweile nicht mehr zu verachten.

Nun sind Three-Column-Layouts aber auch schon zur Genüge thematisiert worden:

http://css-discuss.incutio.com/?page=ThreeColumnLayouts

Dort findest du garantiert eine passende Vorlage

Grüße

Max
Bitte warten ..
Ähnliche Inhalte
Heiß diskutierte Inhalte
Windows 7
gelöst BOOTMGR is missing (auch nach bootrec -RebuildBcd) (21)

Frage von Mipronimo zum Thema Windows 7 ...

Router & Routing
Tipps für Router (ca. 100 clients, VPN) (20)

Frage von oel-auge zum Thema Router & Routing ...

Windows Userverwaltung
Windows Freigabe: Zugriff auf alle Ordner trotz Sicherheitseinstellungen (18)

Frage von Pandreas zum Thema Windows Userverwaltung ...

Exchange Server
gelöst MS Exchange 2016 - Basicconfig Fragen (16)

Frage von maddig zum Thema Exchange Server ...