| Autor | Zpráva | ||
|---|---|---|---|
| Pinqui Profil |
#1 · Zasláno: 21. 7. 2009, 10:58:06 · Upravil/a: Pinqui
Prosimvás nevím jak a proč, ale s použítím float: se mi to vyjme z prvku a jefunguje jak bych chtěl. Píši znovu k tomu samému problému viz pokus:
http://superpokec.cz/try/test.html Vždy mi to přesáhne patičku, a já potřebuji, aby tyto dva prvky (levý a pravý blok) zůstali ve stránce, a když obsah bude větší tak scroll (overflow:auto;) html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com">; <style type="text/css" media="screen, projection"> @import "style.css"; </style> <title></title> </head> <body> <div id="outline"> <div id="packet"> <div id="msgBox"> <p>Lorem ipsum dolor sit amet consectetuer Aenean Mauris Quisque Vestibulum nunc. Auctor tincidunt semper vel et nisl Ut malesuada sapien suscipit dignissim. Nulla Morbi Vestibulum est a vitae laoreet ipsum Morbi Quisque pretium. At Quisque ligula tortor quis.</p> </div> <div id="userBox"> </div> </div> <div id="footer"> <h3>Patička webu vždy dole</h3> </div> </div> </body> </html> css:
/* ========================== TOTO NEMENIT =========================== */
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
background: #fff;
color: #000;
font-size: 12pt;
text-align: center;
min-width: 1000px;
line-height: 1.5;
}
/* =================================================================== */
/* ========================= HRANICE STANKY ========================== */
#outline {
width: 1000px;
margin: 0 auto;
text-align: left;
background: #ebe9e9;
min-height: 100%;
height: 100%;
position: relative;
}
body>#outline {
height: auto;
}
/* =================================================================== */
/* ******************************************************************* */
/* ****************************** STRED ****************************** */
/* ******************************************************************* */
#packet{
padding: 15px 15px 60px 15px;
background: #50507F;
}
/* ============================= MESSAGE ============================= */
#msgBox{
width: 770px;
overflow: auto;
background: #facf00;
float:left;
}
/* =================================================================== */
/* ============================== USERS ============================== */
#userBox{
width: 200px;
height: 200px;
background: #faff00;
float:right;
}
/* =================================================================== */
/* ******************************************************************* */
/* ========================== PATA STRANKY =========================== */
#footer {
width: 1000px;
height: 40px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
background: #facf00;
text-align: center;
}
/* =================================================================== */
Zkoušel jsem použít věci od Plaváčka, ale bohužel jsem toho efektu kvůli float nedosáhl. |
||
| Radek9 Profil |
#2 · Zasláno: 21. 7. 2009, 11:21:05
koukni na clear ;-)
|
||
| Pinqui Profil |
#3 · Zasláno: 21. 7. 2009, 11:25:05 · Upravil/a: Pinqui
Radek9
to už jsem zkoušel, přesto se mi ten prvek dostával za hranici patičky. Je možné, že jasem ho jen blbě umístil, ale i tak pak nevím kam ho strčit aby fungoval jak má.. jakmile tam dám div s clear:both; tak se mi stránka zvětší.. já potřebuji, aby se mi ty floatované prvky roztáhly k patičce, což je 40px od spodu stránky a tak aby se to dalo scrollovat(overflow:auto) |
||
| Chamurappi Profil |
#4 · Zasláno: 21. 7. 2009, 11:25:11 · Upravil/a: Chamurappi
Reaguji na Pinquiho:
„pls help“ Tyhle pseudoanglické pazvuky si odpusť. Neumíš normálně poprosit? Deset odstavců Lorem ipsum bys nám sem také posílat nemusel. |
||
| Plaváček Profil |
#5 · Zasláno: 21. 7. 2009, 12:00:58
Pinqui
Já přesně nevím, čeho vlastně chceš dosáhnout. Nehledáš spíš něco jako simulaci rámců v CSS ( http://www.456bereastreet.com/lab/cssframes/ )? |
||
| Pinqui Profil |
#6 · Zasláno: 21. 7. 2009, 14:11:10
Plaváček
Asi něco takového. Stránka by měla být na 100% výšky, ale už ji nepřesáhnout div msgBox by měl být až k patičce, když bude obsah větší tak se zobrazit scrolovací lišta, to samé u divu userBox Chci aby stránky byly roztáhlé na 100% výšky obrazovky, ale dál se už nerozšiřovali (nescrollovali) když bude obsah divu userBox nebo msgBox větší jak výška zobrazí se scroll jen daného divu, takže ano simulace frame |
||
| Plaváček Profil |
#7 · Zasláno: 21. 7. 2009, 14:21:45
Pinqui
V tom případě si vyber nejvhodnější řešení http://www.google.cz/search?sourceid=navclient&hl=cs&ie=UTF-8&rlz=1T4GGLL_csCZ303CZ303&q=css+frames a uprav k obrazu svému. Osobně bych se něčemu podobnému ale zdaleka vyhnul, protože 100% výšky obrazovky je praktický nesmysl. |
||
| Pinqui Profil |
#8 · Zasláno: 21. 7. 2009, 14:36:13
Plaváček
Tím 100% jsem myslel to kde se usadí patička spodek patičky je pevnej konec stránky |
||
| Plaváček Profil |
#9 · Zasláno: 21. 7. 2009, 17:21:50
Pinqui
Pevnej konec stránky je ale děsně proměnlivej, abych se naladil na tvou stylistickou vlnu. Vykašli se na to, vyrobíš uživatelům víc posuvníků, než jim bude milé. Nicméně pokud projdeš odkazy, které ti Google vyplivne, možná nějaké řešení najdeš. |
||
| Pinqui Profil |
#10 · Zasláno: 21. 7. 2009, 17:23:25 · Upravil/a: Pinqui
Plaváček
Prosimtě můžeš mi vysvětlit, proč třeba u tohoto: http://www.cssplay.co.uk/layouts/body4.html jsou v css nastaveny border-right: 200px solid #fff; a další bordery???? Když je smažu zůstane to jak má? bordery žádné nechci a nechápu proč pam jsou.. posuvníky budou jen dva... na levý div a na pravý div (text, seznam uživatelů) jinde nebude posuvník |
||
| Plaváček Profil |
#11 · Zasláno: 21. 7. 2009, 17:37:15
Pinqui
„Když je smažu zůstane to jak má? bordery žádné nechci a nechápu proč pam jsou.. “ Nevím, tohle řešení neznám, ale vzhledem k tomu, že je tam Stu používá, nějaký smysl mají. |
||
| Pinqui Profil |
#12 · Zasláno: 21. 7. 2009, 17:42:21 · Upravil/a: Pinqui
Ještě dotázek:
* html #content {
top:0; bottom:0;
left:0; right:0;
height:100%;
max-height:100%;
width:100%;
overflow:auto;
position:absolute;
z-index:3;
border-top:40px solid #fff;
border-bottom:50px solid #fff;
border-right: 225px solid #fff;
}
to je obecné nastavení prvku v contentu?? // bordery jsou kvůli ie (u ie se prvek roztáhne na 100% stránky pozice nepozice) |
||
|
Časová prodleva: 15 let
|
|||
0