Uplne jednoducha vec, 2 divy vedla seba a obsah

baumax · Napísal **baumax**: 20.12.2011 18:48

Co robim zle ?

ja len potrebujem, aby sa to pozadie nastavilo na podradenych divoch a
nejde to

main je hlavny pod nim su left a right

a ked naplnam podradeny, pozadie sa nenastavi vid priloha html kod na konci

- alebo ked mam 2 divy vedla seba s roznym obsahom a na oboch je nejaka
farba pozadia, tak ten vlavo pokial je naplneny, tak pozadie sa tam da a
ten nalavo sa neda pzadie az dole do rovnakej dlzky ako v lavom, ale len
pokial jer naplneny ten vpravo

to sa ako riesi ? vid priloha obrazok

najskor som to mal tak ako obrazok, neslo to, potom som sa to znazil
zabalit do divu (main), ale to tiez nejde

html:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#main {
width: 1000px;
background-color:#0C0;
border:1px solid navy;
min-height:100%;
}
#leftside { width:800px;
float: left;
}
#rightside {width:200px;
float: left;}

</style>
</head>

<body>
<div id="main">
<div id="leftside">Lorem Ipsum je fiktívny text, používaný pri návrhu tlačovín a typografie. Lorem Ipsum je štandardným výplňovým textom už od 16. storočia, keď neznámy tlačiar zobral sadzobnicu plnú tlačových znakov a pomiešal ich, aby tak vytvoril vzorkovú knihu. Prežil nielen päť storočí, ale aj skok do elektronickej sadzby, a pritom zostal v podstate nezmenený. Spopularizovaný bol v 60-tych rokoch 20.storočia, vydaním hárkov Letraset, ktoré obsahovali pasáže Lorem Ipsum, a neskôr aj publikačným softvérom ako Aldus PageMaker, ktorý obsahoval verzie Lorem Ipsum.</div>
<div id="rightside"></div>
</div>
</body>
</html>

a obrazok, kde som len naznacil to co chcem, ked mam 2 divy a ten nalavo ma velky obsah, napravo nie, ale farba pozadia napravo ide len do velkosti obsahu napravo a chcem aby sla rovnako ako nalavo

Uplne jednoducha vec, 2 divy vedla seba a obsah

Uplne jednoducha vec, 2 divy vedla seba a obsah

stenley · Napísal **stenley**: 21.12.2011 11:35

ake rovnake pozadie? pozadie mas nastavene len pre #main (chyba ti tam clear:both)...

dulius · Napísal **dulius**: 22.12.2011 13:43

skus

Kód:

<style type="text/css">
body {
   margin:0 auto;
   width:1000px;
}
#main {
   float:left;
   background-color: #cccccc;
   height:100%;
}
#leftside {
   width:800px;
   float: left;
   min-height:100%;
   background-color: navy;
}
#rightside {
   width:200px;
   float: right;
   min-height:100%;
   background-color: red;
}
</style>

malo by to slapat, zalezi ako to chces, ale toto ti to roztiahne

baumax · Napísal autor témy **baumax**: 16.07.2012 22:22

ahoj, ale toto nespravi to co chcem. v tvojom pripade ked nalavo mam dlhy obsah, napravo kratky, tak dlhy obsah mi posunie dole, da mu pozadie, kratky obsah, tomu tiez da pozadie a pod tym pozadim kratkeho obsahu nie je to iste pozadie az dole, ale je tam pozadie z divu main a to nechcem

// pridané po 47 minútach od posledného príspevku

som 2h googlil a nic, milion veci okolo toho je na webe, ale konkretne toto som nikde nenasiel, nechapem. nasiel som napriklad to, ze to funguje len vtedy, ked je obsah dlhsi ako lavy blok, ale to nemusi byt stale pravda, takze ani to neni OK a univerzalne pre mna, lebo niekde ma obsah len 3 vety a lava strana stale obsahuje menu atd atd ...

pomoze niekto ?

DeiForm · Napísal **DeiForm**: 17.07.2012 7:01

Kód:

<div id="main"> 
  <div id="leftside">
      .....
   </div> 
   <div id="rightside">
      .....
   </div> 
</div> 
<div style="clear: both;"></div>

Skús toto.

stenley · Napísal **stenley**: 17.07.2012 9:57

pripadne si mozes vyskusat spravit obrazok pozostavajuci z 2 stlpcov pozadovanej farby, ktory umiestnis na pozadie s opakovanim na vysku

exoomer · Napísal **exoomer**: 19.07.2012 1:13

nikdy to nespavis iba cez html/css bez obrazku pozadia ako pise stenley

Uplne jednoducha vec, 2 divy vedla seba a obsah

Podobné témy