  
|
frage zu css, block soll 100% höhe haben| Thomas Till |
Geschrieben am: Fr 29.06.2007, 13:48
 
|
 AyomRank 4  Gruppe: Member (aktiv) Beiträge: 130 Mitglied seit: 16.12.2006 
|
moin
hab da mal ne frage bezüglich css und zwar habe ich vor eine seite in 3 blocks aufzuteilen header inhalt footer header schliest oben bündig mit dem fenster und der footer unten soweit kein problem jetzt zum eigentlichen teil meiner frage wie bekomme ich das hin dass der inhalt block immer 100% höhe hat OHNE meinen footer ins "abseits" zu drängen wenn ich dem inhalt einfach " height:100%; " gebe dann ist der header oben bündig der inhalt auch 100% aber der footer wird eben erst nach scrollen sichtbar und genau das will ich vermeiden gruß Thomas |
 |
  
|
| Crazymind |
#2 Geschrieben am: Fr 29.06.2007, 14:13 (+00:25)
|
 AyomRank 4 Gruppe: Member (aktiv) Beiträge: 187 Mitglied seit: 25.02.2005
|
http://blog.html.it/layoutgala/
hier kannst du entweder ein layout runterladen, oder einfach abschauen;) Grüsse, Crazy -------------------- www.crazymind.ch - Webdesign, Bildbearbeitung, Animationen
|
|
|
| DZVO |
#3 Geschrieben am: Fr 29.06.2007, 14:20 (+00:06)
|
|
AyomRank 4 Gruppe: Member (aktiv) Beiträge: 124 Mitglied seit: 19.03.2007
|
versuch mal
height:100%; margin : 150px 0; das könnte vllt klappen -------------------- |
|
|
| Thomas Till |
#4 Geschrieben am: Fr 29.06.2007, 14:58 (+00:37)
|
|
AyomRank 4 Gruppe: Member (aktiv) Beiträge: 130 Mitglied seit: 16.12.2006
|
servus crazy
nette seite aber leider habe ich da nix gefunden wo der footer mit dem browserboden abschliest @DZVO hat leider nicht funktioniert hmmm irgendwie muss das doch machbar sein geht doch mit tabellen auch |
|
|
| Philipp Lohberg Philophax - Online-Redaktion |
#5 Geschrieben am: Fr 29.06.2007, 21:34 (+06:36)
|
 AyomRank 4 Gruppe: Member (aktiv) Beiträge: 118 Mitglied seit: 9.12.2004
|
Geht glaub´ nicht browserübergreifend - irgendeiner zickt immer.
Wollte ich auch machen, hab´s aufgegeben. Aber mal ehrlich - was spricht gegen eine einfache und funktionierende Tabelle? Ich nutze gerne "the best of both worlds"  -------------------- |
|
 
|
| Philipp Lohberg Philophax - Online-Redaktion |
#6 Geschrieben am: Fr 29.06.2007, 21:48 (+00:13)
|
|
AyomRank 4 Gruppe: Member (aktiv) Beiträge: 118 Mitglied seit: 9.12.2004
|
Hab doch noch mal was versucht:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>:)</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } body{background-color:blue;margin:0;padding:0} #top{position:absolute;top:0;width:100%;background-color:red;color:yellow;text-align:left;height:100px} #middle{position:absolute;top:100px;width:100%;background-color:blue;color:yellow;text-align:center} #bottom{position:absolute;bottom:0;width:100%;background-color:green;color:yellow;text-align:right;height:100px} --> </style> </head> <body> <div id="top"> <p>top</p> </div> <div id="middle"> <p>middle</p> </div> <div id="bottom"> <p>bottom</p> </div> </body> </html> ###### Passt das? Ich habe grad nur Vista mit frischen Browsern (IE 7, Opera 9.21, Firefox 2.0.0.4) da. Da siehts ganz gut aus. Ist ja momentan wie in der gutlen alten Zeit, als es noch einen guten Browser gab - Netscape. Und dann kam dieser BS von MS... Ach ja, die DOCTYPE - die hält auch noch ein paar Überaschungen bereit - Quirks und so -------------------- |
|
|
| Thomas Till |
#7 Geschrieben am: Fr 29.06.2007, 23:20 (+01:31)
|
|
AyomRank 4 Gruppe: Member (aktiv) Beiträge: 130 Mitglied seit: 16.12.2006
|
moin Philipp
das passt natürlich nicht  da middle ja nicht wirklich 100% höhe aufüllt sieht zwar so aus aber das ist eine täuschung und ich will mich ja nicht selbst veraschen hehe  gruß Thomas |
|
|
| Philipp Lohberg Philophax - Online-Redaktion |
#8 Geschrieben am: Sa 30.06.2007, 10:36 (+11:16)
|
|
AyomRank 4 Gruppe: Member (aktiv) Beiträge: 118 Mitglied seit: 9.12.2004
|
Hallo Till,
dann verstehe ich Deine Frage nicht. 100% wovon soll das sein? Ciao Philipp -------------------- |
|
|
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« Creative Commons-licensed photos (commercially) | Design, Content & Usability | wichtigsten Kategorien »
Trackback-Url: http://www.ayom.com/track/t/19160
 |
|
Ähnliche Themen
| Themen Titel | Autor | Views | Antworten | Letzte Aktion |
| Frage zum Neckermann Weihnachtsprogramm | xxt | 61 | 0 | Mo 24.11.2008, 11:46 |
| SQL Tabellenstruktur Frage | lalo | 155 | 10 | Fr 21.11.2008, 10:41 |
| Frage zu: SEO-Webspace | chipchip | 110 | 4 | Mi 19.11.2008, 21:56 |
| Frage an die SEO - Profis | Dieter | 232 | 3 | Di 18.11.2008, 21:21 |
| Frage zu Google-Suche | Basti Hoesl | 283 | 6 | Di 18.11.2008, 18:25 |
| MySQL Frage | G.P. | 103 | 2 | Mo 17.11.2008, 15:59 |
| MySql Frage - ID Ändern | EuD | 119 | 2 | Di 4.11.2008, 11:09 |
| Frage zu Internetgewerbe | projektgewerbe | 192 | 3 | Mo 3.11.2008, 21:52 |
| mod_rewrite Frage | Coach | 320 | 8 | Di 21.10.2008, 08:01 |
| RewriteRule Frage | Bleys | 246 | 11 | Fr 10.10.2008, 20:15 |
Anzeige - [Hier werben / Mediadaten]
