Autor Zpráva
Pinqui
Profil
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
koukni na clear ;-)
Pinqui
Profil
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
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
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
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
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
Plaváček
Tím 100% jsem myslel to kde se usadí patička spodek patičky je pevnej konec stránky
Plaváček
Profil
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
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
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
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)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: