SlideShare ist ein Scribd-Unternehmen logo
CSS zweispaltige Layouts
Zweispaltiges Layout (vereinfacht) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<div class=&quot;navigation&quot;> <!-- Navigationspunkte --> </div> <div class=&quot;hauptbereich&quot;> <!-- Text Text ... --> </div> <div class=&quot;footer&quot;> <!-- Footer-Inhalt --> </div>
links 200px mitte Rest, um 200px nach rechts verschoben
Problem: Bei unterschiedlichen Hintergrundfarben haben Spalten unterschiedliche Höhe.
Spalten in gleicher Höhe ,[object Object],[object Object],[object Object]
Zweispaltiges Layout mit &quot;Container&quot;/&quot;Wrapper&quot; w links mitte &quot;container&quot; header &quot;wrapper&quot; (optional) footer

Weitere ähnliche Inhalte

Andere mochten auch

정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제
정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제
정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제
fdsx cvxx
 
정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...
정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...
정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...
fdsx cvxx
 
Speech Analysis and synthesis using Vocoder
Speech Analysis and synthesis using VocoderSpeech Analysis and synthesis using Vocoder
Speech Analysis and synthesis using Vocoder
IJTET Journal
 
Conciliación de medicación en centros socio sanitarios
Conciliación de medicación en centros socio sanitarios Conciliación de medicación en centros socio sanitarios
Conciliación de medicación en centros socio sanitarios
Estrategia para la Seguridad del Paciente del SSPA
 
Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...
Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...
Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...
Alberto Ferrando
 
Orientation to Grad Studies trends in teaching Power Point 2010 .hwright
Orientation to Grad Studies trends in teaching  Power Point 2010  .hwrightOrientation to Grad Studies trends in teaching  Power Point 2010  .hwright
Orientation to Grad Studies trends in teaching Power Point 2010 .hwright
Hermetta Wright
 

Andere mochten auch (7)

정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제
정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제
정품 파워에렉트 발기제 ☎라인 nx2015 & w5.ow.to ☏ 파워에렉트 정품,파워에렉트 가격, 정품파워에렉트후불구입,정품파워에렉트 발기제
 
정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...
정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...
정품 시알리스 판매 《 w5.ow.to 》 톡 w2015 ↖ 시알리스 약효, 시알리스 정품판매,시알리스 후불판매,시알리스 처방,시알리스 효...
 
Speech Analysis and synthesis using Vocoder
Speech Analysis and synthesis using VocoderSpeech Analysis and synthesis using Vocoder
Speech Analysis and synthesis using Vocoder
 
Conciliación de medicación en centros socio sanitarios
Conciliación de medicación en centros socio sanitarios Conciliación de medicación en centros socio sanitarios
Conciliación de medicación en centros socio sanitarios
 
Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...
Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...
Antibioticoterapia: Patogeni delle vie respiratorie e razionale della dell'an...
 
Orientation to Grad Studies trends in teaching Power Point 2010 .hwright
Orientation to Grad Studies trends in teaching  Power Point 2010  .hwrightOrientation to Grad Studies trends in teaching  Power Point 2010  .hwright
Orientation to Grad Studies trends in teaching Power Point 2010 .hwright
 
PHP: if-else
PHP: if-elsePHP: if-else
PHP: if-else
 

Mehr von lehrerfreund

mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTOlehrerfreund
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLElehrerfreund
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypenlehrerfreund
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatierenlehrerfreund
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheetlehrerfreund
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfenlehrerfreund
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Arraylehrerfreund
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrayslehrerfreund
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHPlehrerfreund
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)lehrerfreund
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypenlehrerfreund
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentarelehrerfreund
 
CSS: Eigene Stilklassen
CSS: Eigene StilklassenCSS: Eigene Stilklassen
CSS: Eigene Stilklassenlehrerfreund
 

Mehr von lehrerfreund (20)

ERM - Überblick
ERM - ÜberblickERM - Überblick
ERM - Überblick
 
mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
 
mySQL - SELECT
mySQL - SELECTmySQL - SELECT
mySQL - SELECT
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheet
 
PHP: foreach
PHP: foreachPHP: foreach
PHP: foreach
 
PHP: Switch
PHP: SwitchPHP: Switch
PHP: Switch
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
 
PHP: exit
PHP: exitPHP: exit
PHP: exit
 
PHP: isset
PHP: issetPHP: isset
PHP: isset
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
 
CSS: div und span
CSS: div und spanCSS: div und span
CSS: div und span
 
CSS: Eigene Stilklassen
CSS: Eigene StilklassenCSS: Eigene Stilklassen
CSS: Eigene Stilklassen
 

CSS: Zweispaltige Layouts