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, 5397 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
Webbrowser
Firefox 52 und Java (Workaround) (12)

Tipp von ChriBo zum Thema Webbrowser ...

Grafikkarten & Monitore
Hardware 24x7 Public Display (13)

Frage von jodant zum Thema Grafikkarten & Monitore ...

Notebook & Zubehör
gelöst Dunkler Schleier auf dem Laptop-Display (6)

Frage von imebro zum Thema Notebook & Zubehör ...

Grafikkarten & Monitore
gelöst Display Technologie (2)

Frage von IrunGoldstein zum Thema Grafikkarten & Monitore ...

Neue Wissensbeiträge
Windows Server

Umstellung SHA 1 auf SHA 2 - Migration der CA von CSP auf KSP

Tipp von Badger zum Thema Windows Server ...

Windows 10

Quato DTP94 unter Windows 10 x64 installieren und verwenden

Anleitung von anteNope zum Thema Windows 10 ...

Windows 10

Win10 1703 und Nutzerkennwörter bei Ersteinrichtung - erstaunliche Erkenntnis

(15)

Erfahrungsbericht von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Server-Hardware
HP DL380 G7: Booten vom USB via USB 3.1-PCI-e Karte möglich? (24)

Frage von Paderman zum Thema Server-Hardware ...

Windows 7
Bluesreens unternehmensweit (19)

Frage von SYS64738 zum Thema Windows 7 ...

LAN, WAN, Wireless
IP Adressen - Modem - Switch - Accesspoint (17)

Frage von teuferl82 zum Thema LAN, WAN, Wireless ...

SAN, NAS, DAS
gelöst Synology DS213j (13)

Frage von Hendrik2586 zum Thema SAN, NAS, DAS ...