Suche auf lima-city
-
in: Hallo Lima
geschrieben von and1iii
Hallo Lima
ich finde die Seite toll,
aber man kann echt so viel webspace nutzen wie man brauch?
Das heißt ich könnte eigentlich eine Galerie hochladen oder ?
LG Andi -
in: Probleme mit DIV Container
geschrieben von and1iii
kann sein das ich die Frage falsch gestellt hab. Ich möchte halt eine Website erstellen die für alle Endgeräte optimiert ist und nicht nur für den Desktop deshalb hat dich das vl auch ein bisschen verwirrt.
@media screen and (max-width: 1050px){ … }
der code überschreibt halt den derzeitigen CSS code wenn die Breite des Browsers kleiner als 1050px ist. und ich möchte halt das die Sidebar immer ca 300px breit ist und der Content-Bereich immer 100% - den ca 300px groß also z.B. wenn der Browser 900px breit ist soll der Content-Bereich 600 px breit sein und die Sidebar immer noch die ca 300 px breit sein.
sobald dich aber die breite des Browsers auf 700 oder 600 px ändert soll die Sidebar unter den Content-Bereich sich einordnen ( das klappt ohne Probleme :) )
Ich hoffe du weißt was ich mein. -
in: Probleme mit DIV Container
geschrieben von and1iii
Hallo ich hab da ein kleines Problem mit meiner Website die ich erstellen möchte auf http://and1iii.lima-city.de und zwar möchte ich eine Webseite erstellen mit einen Flüssigen Raster Layout jedoch hab ich das Problem das wenn ich den Artikel ( oder Content-Bereich ) zu klein mache die Sidebar unter dem article-tag rutscht.
Ich weiß aber jetzt nicht genau wie ich es anstelle die width-Größe des article-tags auf 100%-310px stellen kann. Ich habe einfachmal so in die CSS geschrieben glaub aber nicht das das stimmt.
Ich hoffe ihr könnt mir helfen.
MfG and1iii
P.S.: Hier noch mein etwas umständlicher CSS CODE:
@charset "UTF-8"; /* CSS Document */ #container { background:#FF0; width:70%; position:relative; margin:0 auto; } header{ width:100%; float:left; background:#00F; } article { clear:both; width:66.66%; background:#0F6; float:left } aside { width:33.33%; float:right; background:#FF6; } footer { clear:both; width:100%; background:#0FF; } @media screen and (max-width: 1050px){ /*Banner 300px*250px*/ body{background:#0F0;} container{ width:80%;} article { width:100%-420px;} aside{width:310px;} } @media screen and (max-width: 700px){/*Anzeige für Geräte unter 700px breite*/ container{width:100%;} article{width:100%;} aside{width:100%;} } @media screen and (device-aspect-ratio: 40/71) {/*Anzeige iPhone 5 (noch nicht wirklich was dran gemacht */ #container { width:100%; } article, aside { width:100%; } }